:root{color:#e0e0e0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 0 0,#c8a9511a,#0000 24%),linear-gradient(#0b0b0b 0%,#141414 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;display:block}a{color:inherit}.splash-overlay{z-index:9999;opacity:1;pointer-events:auto;background:#1d1d1d;place-items:center;padding:28px;transition:opacity .65s,transform .65s,filter .65s;animation:.38s ease-out both splash-enter;display:grid;position:fixed;inset:0}.splash-overlay.exiting{opacity:0;filter:blur(7px);pointer-events:none;transform:translateY(-8px)scale(1.015)}.splash-logo{object-fit:contain;filter:drop-shadow(0 22px 60px #00000061);width:min(88vw,1180px);max-height:min(76vh,560px)}@keyframes splash-enter{0%{opacity:0;filter:blur(8px);transform:translateY(8px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.splash-overlay{transition:opacity .2s;animation:none}.splash-overlay.exiting{filter:none;transform:none}}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0aeb;border-right:1px solid #e5c76b1f;flex-direction:column;gap:18px;padding:20px 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{object-fit:cover;background:#1d1d1d;border:1px solid #e5c76b4d;border-radius:8px;width:36px;height:36px}.brand-title{font-size:1rem;font-weight:700}.brand-subtitle{color:#8a8a8a;font-size:.78rem}.sidebar-section{flex-direction:column;gap:10px;display:flex}.sidebar-disclosure{background:#ffffff05;border:1px solid #e5c76b1a;border-radius:8px;padding:10px}.sidebar-disclosure summary{cursor:pointer;font-size:.86rem;font-weight:700;list-style:none}.sidebar-disclosure summary::-webkit-details-marker{display:none}.sidebar-disclosure[open]{background:#ffffff08}.sidebar-disclosure form{margin-top:12px}.section-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-header h2{margin:0;font-size:.95rem}.section-summary{color:#6f6f6f;margin-top:4px;font-size:.76rem;line-height:1.4}.badge{color:#e5c76b;background:#e5c76b24;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:.75rem;display:inline-flex}.workspace{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0adb;border-bottom:1px solid #e5c76b1a;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.workspace-summary-panel{grid-template-columns:minmax(0,1fr) 360px;gap:12px;padding:12px 20px 0;display:grid}.workspace-summary-copy,.workspace-summary-side{background:#1a1a1ae0;border:1px solid #e5c76b14;border-radius:8px;padding:12px}.workspace-summary-copy{flex-direction:column;gap:10px;display:flex}.workspace-summary-side{flex-direction:column;gap:8px;display:flex}.breadcrumb-row{flex-wrap:wrap;gap:6px;display:flex}.context-chip{color:#d9d9d9;background:#ffffff05;border:1px solid #e5c76b1f;border-radius:999px;align-items:baseline;gap:6px;min-height:28px;padding:4px 8px;font-size:.72rem;display:inline-flex}.context-chip strong{color:#e5c76b;font-size:.68rem}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{color:#c9c9c9;font-size:.78rem;font-weight:600}.muted-text{color:#8f8f8f;font-size:.78rem}.advanced-disclosure{background:#ffffff05;border:1px dashed #e5c76b24;border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex}.chip-list-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#d9d9d9;background:#ffffff08;border:1px solid #e5c76b1f;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:4px 10px;display:inline-flex}.inline-toggle{color:#d8d8d8;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.inline-toggle input{width:16px;height:16px}.icon-only{justify-content:center;width:38px;min-width:38px;padding-inline:0}.structured-field-list{gap:8px;display:grid}.structured-field-row{grid-template-columns:minmax(120px,.45fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.advanced-disclosure summary{cursor:pointer;color:#cfcfcf;font-size:.78rem;font-weight:600;list-style:none}.advanced-disclosure summary::-webkit-details-marker{display:none}.advanced-disclosure[open]{background:#ffffff08}.frame-editor-list{gap:10px;display:grid}.frame-editor-card{background:#00000029;border:1px solid #e5c76b1a;border-radius:8px;gap:10px;padding:10px;display:grid}.frame-editor-header{grid-template-columns:minmax(0,1fr) minmax(96px,140px);align-items:end;gap:10px;display:grid}.frame-editor-header strong{color:#eee;font-size:.9rem}.frame-vertex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.frame-vertex-row{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px;display:grid}.frame-vertex-row>span{color:#a8a8a8;white-space:nowrap;align-self:center;font-size:.74rem}.workspace-heading{margin:2px 0 6px;font-size:1.18rem;line-height:1.2}.workspace-description{color:#a5a5a5;margin:0;font-size:.82rem;line-height:1.45}.workspace-next-step{color:#f0e6be;font-size:.82rem;line-height:1.45}.rail-next-step{color:#d8d8d8}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px 20px 24px;display:grid}.main-column,.rail{flex-direction:column;gap:18px;min-width:0;display:flex}.panel-section{background:#1a1a1ae0;border:1px solid #e5c76b14;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.panel-section.compact{gap:10px;padding:12px}.panel-section.collapsed{gap:0}.tutorial-guide{flex-direction:column;gap:12px;display:flex}.tutorial-group{border-top:1px solid #e5c76b1a;padding-top:10px}.tutorial-group:first-child{border-top:0;padding-top:0}.tutorial-group h3{color:#e5c76b;margin:0 0 6px;font-size:.86rem;line-height:1.35}.tutorial-group ol{color:#d8d8d8;margin:0;padding-left:1.2rem;font-size:.78rem;line-height:1.55}.tutorial-group li+li{margin-top:5px}.story-hierarchy-panel{background:#1a1a1ae0;border:1px solid #e5c76b14;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.story-hierarchy{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.story-step{background:#101010;border:1px solid #e5c76b1a;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.story-step.active{border-color:#e5c76b66;box-shadow:inset 0 0 0 1px #e5c76b1f}.story-step-index{color:#e5c76b;background:#e5c76b1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:inline-flex}.story-step-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.story-step-copy strong{font-size:.8rem}.story-step-copy span{color:#8a8a8a;font-size:.72rem}.section-toggle{color:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:flex-start;gap:12px;min-width:0;padding:0;display:flex}.section-toggle-copy{min-width:0}.section-toggle-actions{flex-shrink:0;align-items:flex-start;gap:8px;display:inline-flex}.section-toggle-icon{color:#8a8a8a;flex-shrink:0;margin-top:2px;transition:transform .16s}.section-toggle-icon.open{transform:rotate(180deg)}.muted{color:#8a8a8a}.small{font-size:.78rem}.error-text{color:#ff8f8f}.eyebrow{text-transform:uppercase;letter-spacing:.04em;color:#a68b3c;font-size:.72rem}.field{flex-direction:column;gap:6px;display:flex}.field span{color:#8a8a8a;font-size:.8rem}.field-help{color:#6f6f6f;margin-top:-2px;font-size:.72rem;line-height:1.35}.field input,.field select,.field textarea,.toolbar input{color:#fbfbfb;background:#1a1d22;border:1px solid #e5c76b38;border-radius:8px;outline:none;width:100%;padding:8px 10px;transition:border-color .16s,box-shadow .16s,background-color .16s}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7d8691}.field input:hover,.field select:hover,.field textarea:hover,.toolbar input:hover{background:#1d2127;border-color:#e5c76b57}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus{background:#20252c;border-color:#e5c76bb8;box-shadow:0 0 0 3px #e5c76b29}.primary-button,.secondary-button,.ghost-button,.tab-button,.nav-item,.tree-item{color:#e5e5e5;background:#171717;border:1px solid #e5c76b24;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:600;transition:border-color .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.primary-button{color:#17120a;background:linear-gradient(#f2d676,#ddb74c);border-color:#f5d366b3;font-weight:700;box-shadow:0 8px 20px #ddb74c33}.primary-button:hover:not(:disabled){background:linear-gradient(#f5da82,#e4bf5a);box-shadow:0 10px 22px #ddb74c42}.secondary-button{color:#d9e8ff;background:#22314de0;border-color:#77aeff6b}.secondary-button:hover:not(:disabled){background:#283958f5;border-color:#77aeff8f}.ghost-button{color:#d9d9d9;background:#ffffff05}.ghost-button:hover:not(:disabled){background:#e5c76b14;border-color:#e5c76b42}.nav-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.nav-copy strong{font-size:.84rem}.nav-copy small{color:#8a8a8a;font-size:.72rem}.ghost-button.danger{color:#ffb2ac;background:#721b1452;border-color:#f4433666}.ghost-button.danger:hover:not(:disabled){background:#8520176b;border-color:#f443368f}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.tab-button:focus-visible,.nav-item:focus-visible,.tree-item:focus-visible{box-shadow:0 0 0 3px #e5c76b2e}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.tab-button:disabled,.nav-item:disabled,.tree-item:disabled{opacity:.55;cursor:not-allowed}.tab-button.active,.nav-item.active,.tree-item.active,.mini-card.active,.page-card.active,.reference-card.active,.balloon-overlay.active{border-color:#e5c76b6b;box-shadow:inset 0 0 0 1px #e5c76b1f}.nav-item,.tree-item{justify-content:flex-start;width:100%}.stack{flex-direction:column;gap:12px;display:flex}.context-list{flex-direction:column;gap:10px;display:flex}.context-row{flex-direction:column;gap:4px;display:flex}.gap-xs{gap:8px}.form-grid{gap:12px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.compact-grid,.character-editor-section{gap:10px}.character-fields-stack{flex-direction:column;gap:10px;display:flex}.character-fields-group{background:#ffffff05;border:1px solid #e5c76b14;border-radius:8px;flex-direction:column;gap:10px;padding:10px;display:flex}.character-fields-group-title{color:#e5c76b;font-size:.78rem;font-weight:700}.character-form-stack{flex-direction:column;gap:14px;display:flex}.character-form-section{background:#ffffff05;border:1px solid #e5c76b14;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.character-form-section-header{flex-direction:column;gap:4px;display:flex}.character-form-section-header h3{margin:0;font-size:.9rem}.character-form-section-header span{color:#8a8a8a;font-size:.76rem;line-height:1.45}.story-tree{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tree-column{flex-direction:column;gap:8px;display:flex}.tree-column h3{margin:0;font-size:.86rem}.story-create-form,.story-editor-compact{flex-direction:column;gap:8px;display:flex}.story-inline-grid{align-items:end;gap:8px;display:grid}.story-inline-grid-create{grid-template-columns:minmax(0,1fr) 120px}.story-inline-grid-chapter{grid-template-columns:minmax(0,1.5fr) 120px 160px}.story-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.story-create-form .ghost-button,.story-inline-actions .ghost-button{min-height:42px}.tree-item-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.tree-order-actions{align-items:center;gap:6px;display:inline-flex}.icon-button{color:#d9d9d9;background:#ffffff08;border:1px solid #e5c76b29;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .16s,background-color .16s,color .16s;display:inline-flex}.icon-button:hover:not(:disabled){background:#e5c76b1a;border-color:#e5c76b52}.icon-button:disabled{opacity:.45;cursor:not-allowed}.list-grid,.reference-grid,.page-grid{gap:8px;display:grid}.list-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.page-grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.reference-grid.reference-grid-portrait{grid-template-columns:repeat(auto-fit,minmax(240px,280px));justify-content:start}.reference-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.reference-grid.compact{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.mini-card,.page-card,.composition-card,.reference-card{text-align:left;color:inherit;background:#101010;border:1px solid #e5c76b1a;border-radius:8px;padding:8px}.mini-card,.composition-card{flex-direction:column;gap:6px;display:flex}.page-card{flex-direction:column;gap:8px;display:flex}.page-card img{aspect-ratio:3/4;object-fit:cover;border-radius:6px}.page-card-header{justify-content:space-between;align-items:center;display:flex}.page-placeholder,.thumb-placeholder{color:#8a8a8a;background:#e5c76b0f;border-radius:6px;place-items:center;min-height:180px;display:grid}.generated-image-wrap{background:#0f0f0f;border-radius:8px;position:relative;overflow:hidden}.generated-image{object-fit:contain;width:100%;max-height:840px}.image-lightbox{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox-dialog{background:#111;border:1px solid #e5c76b24;border-radius:10px;flex-direction:column;gap:12px;width:min(1100px,100%);max-height:calc(100vh - 48px);padding:12px;display:flex;box-shadow:0 20px 60px #00000073}.image-lightbox-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-lightbox-close{justify-content:center;min-width:40px;padding-inline:0}.image-lightbox-body{place-items:center;min-height:0;display:grid;overflow:auto}.image-lightbox-body img{object-fit:contain;background:#0d0d0d;border-radius:8px;width:100%;max-height:calc(100vh - 140px)}.balloon-overlay{color:#111;text-align:center;background:#ffffffe0;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:.85rem;display:flex;position:absolute}.composition-strip{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.composition-card img,.reference-card img{border-radius:6px}.composition-card img{aspect-ratio:1;object-fit:cover;margin-bottom:8px}.reference-card{flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;position:relative}.reference-card.compact{padding:8px}.reference-card-portrait{gap:10px}.reference-card-media{background:#e5c76b0d;border:1px solid #e5c76b14;border-radius:6px;overflow:hidden}.reference-card-media img{aspect-ratio:2/3;object-fit:contain;background:#0d0d0d;width:100%}.reference-card-media.compact img{aspect-ratio:2/3}.reference-card-body{flex-direction:column;gap:4px;display:flex}.reference-card-choice-row{color:#cfcfcf;gap:6px;font-size:.76rem;display:grid}.reference-card-choice-row label{align-items:center;gap:6px;display:inline-flex}.reference-card .reference-card-choice-row input[type=checkbox],.reference-card .reference-card-choice-row input[type=radio]{width:auto;margin:0;position:static}.reference-card-actions{justify-content:flex-end;display:flex}.reference-card input[type=checkbox],.reference-card input[type=radio]{position:absolute;top:10px}.reference-card input[type=checkbox]{left:10px}.reference-card input[type=radio]{right:10px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric{background:#101010;border:1px solid #e5c76b14;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.compact-context-card{background:#101010d1;border:1px solid #e5c76b1a;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.compact-context-header{flex-direction:column;gap:4px;display:flex}.compact-context-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.page-sections-stack{flex-direction:column;gap:14px;display:flex}.page-section-settings{order:1}.page-section-story-sources{order:3}.page-section-frames-panels{order:4}.page-section-generate{order:2}.page-section-export{order:5}.page-section-autofill{order:6}.page-section-balloons{order:7}.page-section-overview{order:8}.page-section-overview.panel-section.compact,.page-section-autofill.panel-section.compact{gap:10px;padding:12px 14px}.page-section-overview .section-heading h2,.page-section-autofill .section-heading h2{font-size:.92rem}.page-section-overview .section-heading p,.page-section-autofill .section-heading p{font-size:.78rem}.page-tutorial-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.page-tutorial-grid .mini-card{padding:8px}.page-tutorial-grid .mini-card strong{font-size:.8rem}.page-tutorial-grid .mini-card span{font-size:.75rem;line-height:1.45}.page-editing-cluster{flex-direction:column;gap:0;display:flex}.page-editing-cluster .panel-section{border-radius:0}.page-editing-cluster .panel-section+.panel-section{border-top:0}.page-editing-cluster .panel-section:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.page-editing-cluster .panel-section:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.assignment-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.assignment-add-field{min-width:0}.assignment-card{gap:10px}.assignment-card .section-header h3{font-size:.92rem}.assignment-card .section-header .muted{font-size:.72rem;line-height:1.35}.assignment-advanced{margin-top:-2px}.assignment-advanced summary{color:#8a8a8a;font-size:.78rem}@media (width<=1100px){.form-grid.four,.form-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}.assignment-editor,.dialogue-editor{gap:10px}.dialogue-line-card{gap:8px}.dialogue-line-card .section-header h3{font-size:.86rem}.job-row{background:#101010;border:1px solid #e5c76b14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.status-badge{border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:.75rem}.status-queued,.status-generating,.status-reviewing{color:#ffc107;background:#ffc1071a}.status-processing,.status-draft,.status-designing,.status-editing{color:#00bcd4;background:#00bcd41a}.status-completed,.status-ready,.status-generated,.status-confirmed{color:#78d77b;background:#4caf501f}.status-failed{color:#f77e75;background:#f443361f}.state-pill-row{flex-wrap:wrap;gap:6px;display:flex}.state-pill{color:#d9d9d9;background:#ffffff08;border:1px solid #e5c76b1f;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:.72rem;line-height:1.2;display:inline-flex}.state-pill-neutral{color:#d0d0d0}.state-pill-info{color:#7ce2f0;background:#00bcd41a;border-color:#00bcd447}.state-pill-warn{color:#ffd56a;background:#ffc1071f;border-color:#ffc10747}.state-pill-good{color:#9be09d;background:#4caf501f;border-color:#4caf5047}.notice{border-radius:8px;margin:16px 24px 0;padding:12px 14px}.notice.error{color:#ff9e96;background:#f443361f}.notice.success{color:#88d989;background:#4caf501f}.processing-hint{color:#9de9f3;background:#00bcd414;border:1px solid #00bcd42e;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:.84rem;display:flex}.processing-hint.queued{color:#ffd56a;background:#ffc10714;border-color:#ffc1072e}.checkbox-row{color:#d0d0d0;align-items:center;gap:8px;display:inline-flex}.selection-empty{background:#101010b8;border:1px dashed #e5c76b29;border-radius:8px;padding:12px}.selectable-card{align-items:flex-start;gap:8px;display:flex}.selectable-card input[type=checkbox]{margin-top:2px}.entity-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.entity-choice{background:#121212;border:1px solid #e5c76b1f;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.entity-choice.active{background:#e5c76b14;border-color:#e5c76b57}.entity-choice input[type=checkbox]{margin-top:2px}.entity-choice-body{flex-direction:column;gap:4px;min-width:0;display:flex}.entity-choice-body strong{word-break:break-word}.page-meta-list{color:#8a8a8a;gap:4px;margin-top:6px;font-size:.72rem;display:grid}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}details.stack summary{cursor:pointer;color:#e5c76b;font-weight:600}.auth-shell,.screen-center{place-items:center;min-height:100vh;padding:24px;display:grid}.empty-state{text-align:center;align-content:center;place-items:center;gap:10px;min-height:calc(100vh - 72px);padding:24px;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:#8a8a8a;max-width:32rem;font-size:.86rem;line-height:1.55}.auth-card{background:#121212eb;border:1px solid #e5c76b1f;border-radius:8px;flex-direction:column;gap:16px;width:min(460px,100%);padding:24px;display:flex}.auth-card h1{margin:0;font-size:1.4rem}.divider{background:#e5c76b14;height:1px}.file-drop{color:#8a8a8a;border:1px dashed #e5c76b33;border-radius:8px;place-items:center;min-height:120px;padding:18px;display:grid;position:relative}.file-drop input{opacity:0;position:absolute;inset:0}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.workspace-summary-panel,.workspace-grid{grid-template-columns:1fr}.rail{order:-1}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e5c76b14;border-right:0}.topbar{flex-direction:column;align-items:stretch;padding:12px 16px}.topbar>.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.topbar .tab-button,.topbar .toolbar-select{width:100%}.topbar>.toolbar>.ghost-button{width:44px}.empty-state{min-height:280px;padding:20px 16px}.story-tree,.story-inline-grid-create,.story-inline-grid-chapter,.form-grid.two,.form-grid.three,.metric-grid,.workflow-grid,.compact-context-grid,.entity-choice-grid,.reference-management-grid,.assignment-toolbar{grid-template-columns:1fr}}@media (width<=1200px){.character-form-section .form-grid.three{grid-template-columns:1fr}}