.draft-story-pages{display:grid;gap:10px}
.draft-story-pages article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(0,0,0,.12)}
.draft-story-number{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(201,134,119,.14);border:1px solid rgba(201,134,119,.25);color:#e5a899;font-weight:800;font-size:13px}
.draft-story-pages small{color:#c98677;font-size:11px;font-weight:800;letter-spacing:.05em}
.draft-story-pages p{margin:6px 0 0;color:#eadeda;font-size:14px;line-height:1.65;white-space:pre-wrap}
.draft-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.draft-preview-grid a{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(0,0,0,.13);color:#eadeda;text-decoration:none;transition:transform .16s ease,border-color .16s ease}
.draft-preview-grid a:hover,.draft-preview-grid a:focus{outline:0;transform:translateY(-2px);border-color:rgba(201,134,119,.42)}
.draft-preview-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#241918}
.draft-preview-grid span{display:block;padding:10px 11px}
.draft-preview-grid b{display:block;font-size:13px}.draft-preview-grid small{display:block;margin-top:4px;color:#a9938c;font-size:10px;line-height:1.35}
.draft-empty{margin:0;padding:15px;border-radius:12px;background:rgba(0,0,0,.12);color:#a9938c;font-size:13px}
@media(max-width:760px){.draft-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-story-pages p{font-size:13px}.draft-story-pages article{grid-template-columns:34px minmax(0,1fr);padding:12px;gap:10px}.draft-story-number{width:32px;height:32px}}