/*! (c) KudosC / MrDevStack - ZynSoft. All rights reserved. Proprietary software: copying, redistribution or reverse engineering without written permission is prohibited. */
body.fs-on:not(.chat-page-open) .main-column>#page-drafts{background:var(--fs-soft, #f4f5fb);border:0;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;min-height:100vh;padding:0;width:100%}body.fs-on[data-page=drafts]:not(.chat-page-open) .app-layout{padding-left:0!important;padding-right:0!important}.drafts-topbar{align-items:center;background:var(--fs-surface, #fff);border-bottom:2px solid var(--fs-line, #d6dbea);display:flex;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) clamp(14px,3vw,40px) 10px;position:sticky;top:0;z-index:20}.drafts-topbar-title{flex:1 1 auto;min-width:0}.drafts-topbar-title .eyebrow{color:var(--fs-accent, #6a5cf0);font:700 10px DM Mono,monospace;letter-spacing:.16em;margin:0 0 2px}.drafts-topbar-title h1{color:var(--fs-text, #161c30);font-size:clamp(20px,3vw,28px);letter-spacing:-.03em;line-height:1.1;margin:0}.drafts-topbar .drafts-new-button{flex:0 0 auto;white-space:nowrap}.drafts-body{box-sizing:border-box;margin:0 auto;max-width:1500px;padding:clamp(14px,2.5vw,28px) clamp(14px,3vw,40px) calc(40px + env(safe-area-inset-bottom,0px))}.drafts-intro{color:var(--fs-muted, #6b7388);font-size:13px;line-height:1.5;margin:0 0 16px}.drafts-body{max-width:none;padding:0 0 calc(40px + env(safe-area-inset-bottom,0px))}.drafts-intro{padding:14px clamp(14px,3vw,40px) 0}.drafts-group{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;padding:0}.drafts-group .drafts-group-title{background:var(--fs-soft, #f4f5fb);border-bottom:1px solid var(--fs-line, #d6dbea);border-top:1px solid var(--fs-line, #d6dbea);color:var(--fs-text, #161c30);font-size:15px;margin:0;padding:12px clamp(14px,3vw,40px)}.drafts-group .drafts-group-note{color:var(--fs-muted, #6b7388);font-size:12.5px;margin:0;padding:10px clamp(14px,3vw,40px) 0}.drafts-grid{display:block}.drafts-grid .draft-card{background:transparent;border:0;border-bottom:1px solid var(--fs-line, #d6dbea);border-radius:0;box-shadow:none;gap:12px;margin:0;overflow:visible;padding:16px clamp(14px,3vw,40px)}.draft-card-media{border-radius:12px;overflow:hidden;position:relative}.drafts-grid .draft-card-thumb{aspect-ratio:16 / 9;border-radius:12px;display:block;height:auto;max-height:260px;width:100%}.draft-card-count{background:#0a0e1cb8;border-radius:999px;bottom:8px;color:#fff;font:700 12px/1 DM Mono,monospace;padding:5px 9px;position:absolute;right:8px}.drafts-grid .draft-card-main{border:0;padding:0}.drafts-grid .draft-card-main h3{color:var(--fs-text, #161c30)}.drafts-grid .draft-card-actions{align-items:center;border:0;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:0}.draft-actions-right{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-left:auto}.drafts-grid .draft-card-actions .primary-button,.drafts-grid .draft-card-actions .secondary-action{min-height:40px}.drafts-grid .draft-action-delete{align-items:center;background:#e5484d1a;border:0;border-radius:10px;color:#e5484d;display:inline-flex;font:700 13px/1 inherit;gap:6px;margin:0;min-height:40px;padding:0 14px}.draft-action-delete svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.drafts-empty{background:transparent;border:0;margin:10px auto;max-width:560px;padding:36px 20px;text-align:center}body[data-theme=dark] .drafts-group .drafts-group-title{background:#ffffff0a}body[data-theme=dark] .draft-action-delete{background:#e5484d2e;color:#ff8a8e}
