.markdown-editor{min-width:0}.editor-toolbar{background:#f8fafc;border:1px solid #cbd5e1;border-bottom:0;border-radius:.5rem .5rem 0 0;flex-wrap:wrap;gap:.4rem;padding:.5rem;display:flex}.editor-toolbar button{min-height:2rem}.markdown-editor .cm-editor{border:1px solid #cbd5e1;border-radius:0 0 .5rem .5rem;font-size:1rem}.markdown-editor .cm-placeholder{color:#4b5563;opacity:1}.markdown-editor .cm-focused{outline-offset:2px;outline:2px solid #2563eb}.preview-viewport{width:100%;max-width:100%;margin-inline:auto;overflow:auto}.preview-viewport-mobile{width:100%}.preview-frame{border:0;max-width:none;min-height:720px;display:block}:root{color:#172033;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{max-width:1800px;margin:0 auto;padding:1rem}.app-header,.dashboard-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-header h1,.dashboard-heading h2{margin:0}.app-header p,.dashboard-heading p{color:#475569;margin:.3rem 0 0}.app-header-actions,.bundle-row,.draft-actions,.dialog-actions{flex-wrap:wrap;gap:.5rem;display:flex}.app-header button,.bundle-actions button,.draft-actions button,.dialog-actions button,.dashboard-heading button,.editor-toolbar button{color:#172033;background:#fff;border:1px solid #94a3b8;border-radius:.4rem;padding:.45rem .7rem}.app-header-actions button:first-child,.dashboard-heading button,.dialog-actions button:last-child{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.notifications{min-height:1.9rem;margin:.6rem 0}.notification-status{color:#166534;margin:0}.notification-alert,.field-error{color:#b42318}.workspace-tabs{display:none}.workspace-grid{grid-template-columns:minmax(250px,320px) minmax(360px,1fr) minmax(360px,1fr);align-items:start;gap:1rem;display:grid}.workspace-panel,.draft-dashboard{background:#fff;border:1px solid #cbd5e1;border-radius:.7rem;min-width:0;padding:1rem}.workspace-inspector{gap:1.2rem;display:grid}.metadata-panel h2,.media-panel h2{margin-top:0;font-size:1.05rem}.metadata-field{gap:.35rem;margin:.75rem 0;display:grid}.metadata-field input,.metadata-field textarea,.loose-import input,.confirm-dialog input{border:1px solid #94a3b8;border-radius:.35rem;width:100%;padding:.45rem}.slug-control{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.field-error{margin:.2rem 0;font-size:.9rem}.check-field{align-items:center;gap:.45rem;margin:.6rem 0;display:flex}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{background:#dbeafe;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .25rem .15rem .55rem;display:inline-flex}.chip button{background:0 0;border:0;border-radius:999px;min-width:1.35rem}.file-button{cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:.4rem;align-items:center;padding:.45rem .7rem;display:inline-flex}.file-button input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-actions{border:1px dashed #94a3b8;border-radius:.5rem;padding:.7rem}.media-actions p{color:#475569;margin:.6rem 0 0;font-size:.9rem}.media-list,.draft-list{gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.media-list li{overflow-wrap:anywhere;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.media-list button{margin-left:.3rem}.bundle-actions{border-top:1px solid #e2e8f0;gap:.6rem;padding-top:1rem;display:grid}.loose-import{color:#475569;gap:.6rem;display:grid}.loose-import label{gap:.3rem;display:grid}.emergency-export{color:#7a271a;background:#fff1f0;border-left:4px solid #b42318;margin:0;padding:.5rem .7rem}.emergency-export button{margin-left:.5rem}.backup-reminder{color:#854d0e;background:#fffbeb;border-left:4px solid #ca8a04;padding:.5rem .7rem}.draft-list>li{border:1px solid #e2e8f0;border-radius:.5rem;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem;display:grid}.draft-list h3,.draft-list p{margin:0}.draft-list p{color:#64748b;margin-top:.3rem;font-size:.9rem}.draft-thumbnail{object-fit:cover;border-radius:.3rem;width:86px;height:52px}.draft-thumbnail-empty{color:#475569;background:#e2e8f0;place-items:center;font-size:.78rem;display:grid}.modal-backdrop{z-index:10;background:#0f172a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog,.crop-dialog{background:#fff;border-radius:.65rem;width:min(100%,560px);padding:1.1rem;box-shadow:0 20px 44px #0f172a59}.confirm-dialog h2,.crop-dialog h2{margin-top:0}.crop-canvas{background:#0f172a;height:min(48vh,360px);margin:.75rem 0;position:relative}.dialog-actions{justify-content:flex-end;margin-top:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1023px){.app-header{flex-direction:column;align-items:flex-start}.workspace-tabs{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.75rem;display:grid}.workspace-tabs button{background:#fff;border:1px solid #94a3b8;border-radius:.4rem;padding:.55rem}.workspace-tabs button[aria-selected=true]{color:#1e3a8a;background:#dbeafe;border-color:#1d4ed8}.workspace-grid{display:block}.workspace-grid .workspace-panel{display:none}.workspace-grid[data-tab=settings] .workspace-inspector,.workspace-grid[data-tab=write] .workspace-editor,.workspace-grid[data-tab=preview] .workspace-preview{display:block}.workspace-preview{padding:.5rem}.preview-viewport-mobile{max-width:100%}}@media (width<=620px){.app-shell{padding:.65rem}.slug-control{grid-template-columns:1fr}.draft-list>li{grid-template-columns:70px minmax(0,1fr)}.draft-actions{grid-column:1/-1}.draft-thumbnail{width:70px}}
