:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ec;--panel:#fffdf8;--ink:#1c1a16;--muted:#6b645a;--line:#ddd5c8;--accent:#0f5c4c;--accent-ink:#f4fff9;--danger:#8b1e1e;--ok:#1f6b3a;--warn:#8a5a00;--control-h:36px;--radius:8px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #efe6d4, transparent), radial-gradient(900px 500px at 100% 0%, #dceae4, transparent), var(--bg);font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%}body{min-height:100vh;margin:0}a{color:var(--accent)}code,.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{width:100%;max-width:1280px;padding:var(--space-5) var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;min-height:100%;margin:0 auto;display:flex}.app-shell-wide{max-width:1280px}.app-shell-fill{height:100%;max-height:100%;padding-bottom:var(--space-4);overflow:hidden}.app-shell-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.app-shell-title-block{min-width:0}.app-shell-title-block h1{margin:.1rem 0 0;font-size:1.55rem;line-height:1.2}.app-shell-subtitle{color:var(--muted);margin-top:.15rem;font-size:.9rem}.app-shell-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.action-group{align-items:center;gap:var(--space-2);display:inline-flex}.app-shell-actions .control{width:auto;min-width:9.5rem}.app-shell-body{gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex}.app-nav{gap:.75rem;margin-bottom:.2rem;display:flex}.app-nav a{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none}.app-nav a.active{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.layout{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.layout-wide{max-width:1280px}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.topbar h1{margin:.15rem 0 0;font-size:1.6rem}.auth-page{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(440px,100%);padding:1.5rem;box-shadow:0 10px 30px #281e0a0f}.auth-card h1{margin-top:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:0;padding:1.1rem 1.2rem 1.25rem}.panel h2{margin:0 0 .85rem;font-size:1.1rem}.panel-table{gap:var(--space-3);flex-direction:column;display:flex}.panel-table .data-table-panel{min-height:280px;max-height:420px}.form-grid-3>.field,.form-grid-2>.field,.form-grid-equal-2>.field,.form-grid-equal-2>.file-picker{margin-bottom:0}.app-shell-actions .field{min-width:9rem;margin-bottom:0}.grid-2{grid-template-columns:1.4fr .9fr;gap:1rem;display:grid}.form-grid-3{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.form-grid-2{gap:var(--space-3);grid-template-columns:1fr 2fr;display:grid}.form-grid-equal-2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=860px){.grid-2,.form-grid-3,.form-grid-2,.form-grid-equal-2{grid-template-columns:1fr}}.field{flex-direction:column;gap:.3rem;min-width:0;margin-bottom:.75rem;font-size:.9rem;display:flex}.field.grow{flex:1}.field-label{color:var(--ink);font-size:.85rem;font-weight:500}.field-hint{margin-top:.1rem}label{flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-size:.9rem;display:flex}label.grow{flex:1}input,textarea,select,button,.button,.control{font:inherit}input,textarea,select,.control{border:1px solid var(--line);border-radius:var(--radius);min-height:var(--control-h);height:var(--control-h);background:#fff;width:100%;padding:0 .65rem}textarea.control,textarea{resize:vertical;height:auto;min-height:5.5rem;padding:.55rem .65rem}.control-sm{height:32px;min-height:32px;padding:0 .55rem;font-size:.85rem}button,.button{border-radius:var(--radius);min-height:var(--control-h);height:var(--control-h);background:var(--accent);color:var(--accent-ink);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;width:auto;padding:0 .9rem;display:inline-flex}button:disabled,.button:disabled{opacity:.55;cursor:not-allowed}button.secondary,.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button.danger,.button.danger{background:var(--danger);color:#fff}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filters{margin-bottom:1rem}.filter-toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}.filter-toolbar-fields,.filter-toolbar-actions{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-toolbar .field{min-width:8rem;margin-bottom:0}.filter-toolbar .field select.control{min-width:8rem}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--danger)}.ok{color:var(--ok)}.error-block{white-space:pre-wrap;color:var(--danger);background:#fff1f0;border:1px solid #f0c4c0;border-radius:8px;padding:.75rem}.warn-list{color:var(--warn)}.data-table-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:220px;display:flex;overflow:hidden}.data-table-panel-fill{flex:1;min-height:0}.data-table-progress{background:linear-gradient(90deg, transparent, var(--accent), transparent);background-size:200% 100%;flex-shrink:0;height:2px;animation:1.1s linear infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.data-table-scroll{flex:1;min-height:0;overflow:auto}.data-table{border-collapse:collapse;background:0 0;border:none;border-radius:0;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.55rem .75rem}.data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);z-index:1;background:#f7f2e8;font-size:.75rem;position:sticky;top:0}.data-table tbody tr:hover td{background:#faf7f1}.data-table tbody.is-refreshing{opacity:.72;transition:opacity .15s}.data-table-state{color:var(--muted);text-align:center!important;padding:2.5rem 1rem!important}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--line);background:#fbf8f2;flex-wrap:wrap;flex-shrink:0;padding:.55rem .75rem;display:flex}.pagination-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pagination-size{flex-direction:row;align-items:center;gap:.4rem;margin-bottom:0;font-size:.85rem;display:flex}.pagination-size select{width:auto;min-width:4.5rem}.pagination-page{text-align:center;min-width:5.5rem}.pill{border:1px solid var(--line);border-radius:999px;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.status-draft{background:#f3efe6}.status-published{background:#e5f5ec}.status-archived{background:#eee}.access-free{background:#e5f5ec}.access-premium{background:#f3efe6}.access-purchase{background:#e8eef8}.cover-preview{border:1px solid var(--line);border-radius:8px;width:180px;max-width:100%;margin-bottom:.75rem;display:block}.cover-preview-lg{aspect-ratio:2/3;object-fit:cover;width:200px;margin-bottom:0}.cover-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.cover-actions .file-picker{flex:1;min-width:12rem;margin-bottom:0}.cover-generate-layout{grid-template-columns:auto 1fr;align-items:start;gap:1.25rem;min-height:0;display:grid;overflow:auto}.cover-generate-preview{min-width:200px}.cover-preview-placeholder{aspect-ratio:2/3;border:1px dashed var(--line);text-align:center;background:var(--bg);border-radius:8px;place-items:center;width:200px;padding:1rem;display:grid}.cover-generate-form{flex-direction:column;gap:.55rem;min-width:0;display:flex}.cover-generate-form .field{margin-bottom:0}.cover-generate-title{margin:0}.cover-add-text{flex-direction:column;gap:.4rem;display:flex}.cover-lettering-fields{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.cover-lettering-fields.is-off .control{color:var(--muted)}.cover-lettering-fields .field{margin-bottom:0}.cover-look-mode{border:none;min-width:0;margin:0;padding:0}.cover-look-mode .field-label{margin-bottom:.25rem;padding:0}.cover-look-mode .row{gap:1rem}.cover-reference-field{flex-direction:column;gap:.5rem;display:flex}.cover-reference-field .file-picker{margin-bottom:0}.cover-reference-row{align-items:flex-end;gap:.75rem;display:flex}.cover-reference-thumb{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--line);border-radius:4px;width:72px}@media (width<=640px){.cover-generate-layout{grid-template-columns:1fr}}.file-picker{flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-size:.9rem;display:flex;position:relative}.file-picker-row{align-items:center;gap:var(--space-3);min-height:var(--control-h);display:flex}.file-picker-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-picker-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-label input{margin-top:.35rem}.meta-dl{gap:.5rem;margin:1rem 0 0;display:grid}.meta-dl div{grid-template-columns:7rem 1fr;gap:.5rem;display:grid}.meta-dl dt{color:var(--muted);margin:0}.meta-dl dd{word-break:break-all;margin:0}.pack-summary{border:1px dashed var(--line);background:#fbfaf6;border-radius:10px;margin-top:1rem;padding:.9rem 1rem}.publish-preview{border-color:var(--accent);background:#f1faf6}pre{background:#f7f2e8;border-radius:8px;padding:.75rem;font-size:.85rem;overflow:auto}.inline-label{flex-direction:row;align-items:center;gap:.45rem;margin-bottom:0}.small-btn{height:28px;min-height:28px;padding:0 .45rem;font-size:.8rem;line-height:1}.drag-handle{cursor:grab;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;height:28px;min-height:28px;padding:0 .4rem}.drag-handle:active{cursor:grabbing}.order-controls{align-items:center;gap:.4rem;display:flex}.check-fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 .85rem;padding:.65rem .85rem .85rem}.check-fieldset legend{color:var(--muted);padding:0 .35rem;font-size:.85rem}.check-inline{flex-direction:row;align-items:center;gap:.35rem;margin-bottom:0;font-size:.9rem}.check-inline input{width:auto;height:auto;min-height:auto}.curated-list{gap:.45rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.curated-item{border:1px solid var(--line);background:#fbfaf6;border-radius:8px;justify-content:space-between;align-items:center;padding:.45rem .55rem}.home-editor-grid{align-items:start}.editor-stack{gap:var(--space-4);flex-direction:column;display:flex}.curated-add-row{align-items:flex-end}.curated-add-row .field{flex:1;margin-bottom:0}.preview-panel{position:sticky;top:1rem}.phone-frame{background:#1c1a16;border:2px solid #2a2620;border-radius:28px;width:min(320px,100%);margin:.75rem auto 0;padding:.55rem;box-shadow:0 16px 40px #1c1a162e}.phone-notch{background:#3a3530;border-radius:999px;width:38%;height:8px;margin:.15rem auto .45rem}.phone-screen{background:#f7f4ee;border-radius:18px;min-height:520px;max-height:70vh;padding:.75rem .7rem 1rem;overflow:auto}.phone-home-header{margin-bottom:.75rem;font-size:1rem;font-weight:600}.preview-section{border-bottom:1px dashed var(--line);opacity:.72;margin-bottom:.9rem;padding-bottom:.75rem}.preview-section-current{opacity:1;outline-offset:4px;background:#f1faf6;border-bottom:none;border-radius:8px;outline:1px solid #b7d4c8;padding:.45rem}.preview-section-label{gap:.35rem;margin-bottom:.35rem;display:flex}.preview-title-block{margin-bottom:.45rem}.preview-rail{gap:.45rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.preview-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.preview-card{flex-direction:column;flex:0 0 88px;gap:.25rem;font-size:.7rem;line-height:1.25;display:flex}.preview-grid .preview-card{flex:initial}.preview-card img,.preview-hero img,.preview-banner img{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;display:block}.preview-banner img{aspect-ratio:16/7}.preview-card-placeholder,.preview-hero-placeholder{aspect-ratio:3/4;border:1px dashed var(--line);width:100%;color:var(--muted);background:#efe9dd;border-radius:6px;place-items:center;font-size:.7rem;display:grid}.preview-hero,.preview-banner{gap:.35rem;display:grid}.preview-hero img{aspect-ratio:16/10}.preview-hero-caption{font-size:.8rem;font-weight:500}.toast-stack{z-index:1000;flex-direction:column;gap:.5rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{border:1px solid var(--line);background:var(--panel);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem .85rem;font-size:.9rem;display:flex;box-shadow:0 10px 28px #281e0a1f}.toast-ok{background:#f1faf6;border-color:#b7d4c8}.toast-error{color:var(--danger);background:#fff1f0;border-color:#f0c4c0}.toast-info{border-color:var(--line)}.toast-dismiss{color:var(--muted);background:0 0;border:none;height:24px;min-height:24px;padding:0 .35rem;font-size:1.1rem;line-height:1}.dialog-backdrop{z-index:1100;background:#1c1a1659;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(420px,100%);padding:1.25rem 1.35rem;box-shadow:0 16px 40px #1c1a1633}.dialog-md{width:min(480px,100%)}.dialog-lg{width:min(640px,100%)}.dialog-cover{flex-direction:column;width:min(860px,100%);max-height:calc(100vh - 2rem);display:flex;overflow:hidden}.dialog-cover .dialog-lead{margin:0 0 .7rem}.dialog-cover .dialog-actions{flex-shrink:0;margin-top:.85rem}.dialog-cover .cover-generate-form textarea.control{resize:vertical;min-height:0}.dialog h2{margin:0 0 .5rem;font-size:1.15rem}.dialog>p{color:var(--muted);margin:0 0 1.1rem}.dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.type-picker{gap:.45rem;display:grid}.type-picker-option{width:100%;height:auto;min-height:0;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;background:#fff;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .75rem;display:flex}.type-picker-option:hover{background:#f8fcfa;border-color:#b7d4c8}.type-picker-option.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#f1faf6}.type-picker-name{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;font-weight:600}.type-picker-blurb{font-weight:400}