.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:.7rem 1rem;font-weight:750;background:white;color:var(--navy)}
.primary.button-link{border-color:transparent;background:var(--blue);color:white}
.draft-page{padding-bottom:4rem}
.draft-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:3rem 0 1.5rem}
.draft-toolbar h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:.45rem 0 .8rem}
.draft-toolbar p{margin:0;color:var(--muted);font-size:1.05rem}
.draft-auth,.draft-empty{padding:2rem;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 22px rgba(9,22,47,.05)}
.draft-auth h2,.draft-empty h2{margin-top:0}
.draft-preview-list{display:grid;gap:2rem}
.draft-review{display:grid;gap:.7rem}
.draft-review-label{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.draft-review-label a{font-size:.88rem;text-transform:none;letter-spacing:0;color:var(--blue)}
.draft-public-card{overflow:hidden;border:1px solid #d9c6a5;border-radius:28px;background:linear-gradient(135deg,#fffaf0,#fff1d9);box-shadow:0 18px 45px rgba(9,22,47,.12)}
.draft-public-card.is-important{border-color:#d99958;box-shadow:0 18px 45px rgba(163,76,28,.16)}
.draft-public-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}
.draft-public-content{padding:2rem}
.draft-public-content h2{margin:.55rem 0 .4rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;color:#10254a}
.draft-public-content h3{margin:.25rem 0 .9rem;color:#465a78;font-size:1.5rem}
.draft-public-content p{color:#53657d;font-size:1.08rem;line-height:1.65}
.draft-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.draft-category,.draft-important{display:inline-flex;align-items:center;padding:.42rem .72rem;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.draft-category{background:#f6e6c6;color:#8d5722;border:1px solid #e5c68b}
.draft-important{background:#fff0eb;color:#a53a2c;border:1px solid #e9a293}
.draft-schedule{display:grid;gap:.6rem;margin:1.2rem 0}
.draft-schedule span{display:block;padding:.65rem .85rem;text-align:center;border:1px solid #d4dce8;border-radius:999px;background:rgba(255,255,255,.7);font-weight:800;color:#223651}
.draft-cta{display:inline-flex;margin-top:.35rem;padding:.85rem 1.35rem;border-radius:999px;background:linear-gradient(90deg,#ffd05f,#ffa43b);color:#172943;font-weight:900}
.draft-image{min-height:320px;background:white;display:grid;place-items:center;padding:1.2rem}
.draft-image img{width:100%;height:100%;max-height:480px;object-fit:contain}
.draft-meta{display:flex;flex-wrap:wrap;gap:.5rem}
.draft-meta span{padding:.45rem .65rem;background:white;border:1px solid var(--line);border-radius:9px;font-size:.82rem;color:var(--muted)}
@media(max-width:760px){.draft-toolbar{align-items:flex-start;flex-direction:column}.draft-toolbar .page-actions{width:100%}.draft-toolbar .page-actions>*{flex:1}.draft-public-layout{grid-template-columns:1fr}.draft-public-content{padding:1.5rem}.draft-image{min-height:0;max-height:420px}.draft-image img{max-height:390px}.draft-review-label{align-items:flex-start;flex-direction:column}}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c6d2e2;border-radius:10px;padding:.7rem 1rem;font:inherit;font-weight:800;background:#fff;color:#172b49;cursor:pointer}
html[data-preview-theme="dark"] body{background:#07142b;color:#edf4ff}
html[data-preview-theme="dark"] .draft-toolbar p{color:#afc2dd}
html[data-preview-theme="dark"] .draft-auth,html[data-preview-theme="dark"] .draft-empty{background:#0d203f;border-color:#24446e;color:#eef5ff}
html[data-preview-theme="dark"] .draft-review-label{color:#9fb4d3}
html[data-preview-theme="dark"] .draft-review-label a{color:#8fc3ff}
html[data-preview-theme="dark"] .draft-meta span{background:#0c1d39;border-color:#2a466c;color:#bfd0e8}
html[data-preview-theme="dark"] .theme-toggle{background:#12294d;border-color:#385982;color:#fff}
html[data-preview-theme="dark"] .draft-public-card{border-color:rgba(242,198,109,.72);background:linear-gradient(135deg,rgba(6,18,42,.98),rgba(12,43,83,.96));box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 42px rgba(242,166,74,.12)}
html[data-preview-theme="dark"] .draft-public-card.is-important{border-color:rgba(224,98,72,.78);box-shadow:0 28px 80px rgba(0,0,0,.36),0 0 46px rgba(206,76,55,.16)}
html[data-preview-theme="dark"] .draft-public-content h2{color:#fff}
html[data-preview-theme="dark"] .draft-public-content h3{color:#dbe8ff}
html[data-preview-theme="dark"] .draft-public-content p{color:#e6eef9}
html[data-preview-theme="dark"] .draft-category{color:#ffd98a;border-color:rgba(255,217,138,.42);background:rgba(255,217,138,.1)}
html[data-preview-theme="dark"] .draft-important{color:#fff;border-color:rgba(255,255,255,.24);background:linear-gradient(135deg,#9f342d,#d45d45)}
html[data-preview-theme="dark"] .draft-schedule span{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.075)}
html[data-preview-theme="dark"] .draft-image{background:#fff}
html[data-preview-theme="light"] .draft-public-card{border-color:rgba(190,112,45,.42);background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(255,239,214,.96));box-shadow:0 26px 70px rgba(69,46,22,.18),0 0 42px rgba(235,151,65,.1)}
html[data-preview-theme="light"] .draft-public-content h2{color:#172b49}
html[data-preview-theme="light"] .draft-public-content h3{color:#4c5d72}
html[data-preview-theme="light"] .draft-public-content p{color:#4c5d72}
html[data-preview-theme="light"] .draft-category{color:#8a4d17;border-color:rgba(157,87,25,.28);background:rgba(255,211,138,.34)}
html[data-preview-theme="light"] .draft-schedule span{color:#263c58;border-color:rgba(100,119,143,.25);background:rgba(255,255,255,.68)}