.drafts-page{background-color:#fff;min-height:100vh}.drafts-container{max-width:1000px;margin:0 auto;padding:clamp(24px,5vw,60px) clamp(16px,4vw,24px)}.drafts-header{border-bottom:1px solid #f1f1f1;flex-direction:column;gap:.75rem;margin-bottom:clamp(24px,5vw,48px);padding-bottom:clamp(16px,3vw,24px);display:flex}.drafts-header__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#374151;opacity:.7;margin:0;font-size:10px;font-weight:600}@media (min-width:768px){.drafts-header__eyebrow{letter-spacing:.25em;font-size:11px}}.drafts-header__row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.drafts-header__row h1{color:#000;letter-spacing:-.02em;min-width:0;margin:0;font-size:clamp(1.75rem,5.5vw,2.25rem);font-weight:800;line-height:1.1}.new-draft-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#000;border:none;border-radius:99px;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.new-draft-btn:hover{background-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.no-drafts{text-align:center;background:#ffffff80;border:1px dashed #e5e7eb;border-radius:20px;padding:clamp(48px,10vw,100px) clamp(20px,5vw,24px)}.no-drafts p{color:#6b7280;margin:0 0 clamp(20px,4vw,32px);font-size:clamp(.9375rem,3vw,1.125rem);line-height:1.5}.write-first-draft-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:99px;padding:clamp(12px,3vw,16px) clamp(22px,5vw,32px);font-size:clamp(.875rem,2.5vw,.9375rem);font-weight:600;transition:all .2s}.write-first-draft-btn:hover{background-color:#333;transform:scale(1.02)}.drafts-list{flex-direction:column;gap:24px;display:flex}.draft-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;gap:clamp(20px,4vw,40px);padding:clamp(20px,4vw,32px);transition:all .3s;display:flex}.draft-card:hover{border-color:#000;box-shadow:0 12px 30px #0000000a}.draft-content{flex:1;min-width:0}.draft-title{color:#000;overflow-wrap:anywhere;word-wrap:break-word;margin:0 0 12px;font-size:clamp(1.125rem,4vw,1.5rem);font-weight:700;line-height:1.3}.draft-preview{color:#4b5563;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0 0 20px;font-size:clamp(.875rem,3vw,.9375rem);line-height:1.6;display:-webkit-box;overflow:hidden}.draft-meta{align-items:center;gap:16px;display:flex}.draft-date{color:#9ca3af;font-size:13px}.draft-category{color:#374151;text-transform:uppercase;letter-spacing:.05em;background-color:#f3f4f6;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:600}.draft-actions{align-items:center;gap:12px;display:flex}.draft-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:99px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.draft-btn:hover{color:#000;background:#f9fafb;border-color:#000}.draft-publish-btn{color:#fff;background-color:#000;border-color:#000}.draft-publish-btn:hover{color:#fff;background-color:#333}.draft-delete-btn:hover{color:#b91c1c;background-color:#fee2e2;border-color:#ef4444}.drafts-loading-skeleton{flex-direction:column;gap:24px;display:flex}.skeleton-card{border-radius:16px;width:100%;height:180px}@media (max-width:768px){.draft-card{flex-direction:column}.draft-actions{flex-wrap:wrap;justify-content:stretch;width:100%}.draft-btn{text-align:center;flex:1;min-width:0}}