:root{--bg:#09090c;--panel:#121218;--panel2:#17171f;--line:#2a2a34;--text:#f5f5f7;--muted:#92929f;--accent:#ff355d;--accent2:#ffbe3d;--paper:#f4f0e8;--ink:#111;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% 0,#1f1218 0,transparent 25%),var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,9,12,.88);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#a8143d);display:grid;place-items:center;font-weight:900;font-size:22px}.brand strong{display:block}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:2px}.top-actions,.action-row{display:flex;gap:9px;align-items:center}.btn{border:1px solid var(--line);background:#1a1a22;color:var(--text);padding:10px 14px;border-radius:11px;cursor:pointer;font-weight:700}.btn:hover{border-color:#474755}.btn.primary{background:linear-gradient(135deg,var(--accent),#bf1743);border-color:transparent;box-shadow:0 8px 24px rgba(255,53,93,.22)}.btn.ghost{background:transparent}.btn.full{width:100%;margin-bottom:9px}.badge{padding:8px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.offline{background:#24151a;color:#ff7a94;border:1px solid #4c202b}.badge.online{background:#11271d;color:#6be89b;border:1px solid #234f37}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;gap:5px}.nav{border:0;background:transparent;color:#aaaab6;text-align:left;padding:12px 13px;border-radius:10px;cursor:pointer;font-weight:700}.nav.active,.nav:hover{background:#1a1a21;color:#fff}.sidebar-note{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:13px;background:#111117}.sidebar-note b{display:block;color:#7ff4ad}.sidebar-note span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:5px}.workspace{padding:28px;max-width:1500px;width:100%;margin:auto}.tab{display:none}.tab.active{display:block}.hero-card{min-height:245px;border:1px solid var(--line);border-radius:24px;padding:34px;background:linear-gradient(110deg,#14141c 0%,#181117 52%,#33101b 100%);display:grid;grid-template-columns:1.4fr .6fr;overflow:hidden;position:relative;margin-bottom:20px}.eyebrow{color:var(--accent);font-weight:900;font-size:11px;letter-spacing:2px}.hero-card h1,.section-title h1{font-size:clamp(34px,5vw,64px);line-height:.98;margin:10px 0 15px;letter-spacing:-2px}.hero-card p{color:#b8b8c1;max-width:650px;line-height:1.6}.hero-art{position:relative;min-height:170px}.speed{position:absolute;font-size:135px;font-weight:1000;right:25px;top:10px;transform:rotate(-8deg);color:rgba(255,255,255,.06);-webkit-text-stroke:1px rgba(255,255,255,.1)}.ink{position:absolute;background:var(--accent);filter:blur(.3px);opacity:.7;clip-path:polygon(0 45%,100% 0,68% 57%,100% 75%,0 100%,25% 55%)}.ink1{width:330px;height:60px;right:-70px;bottom:25px;transform:rotate(-18deg)}.ink2{width:250px;height:28px;right:10px;bottom:75px;transform:rotate(12deg);background:var(--accent2)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:linear-gradient(180deg,var(--panel),#0f0f14);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card h2,.card h3{margin-top:0}.card label,.settings-modal label{display:block;color:#bdbdc7;font-size:12px;font-weight:700;margin-top:14px}.card input,.card textarea,.card select,.settings-modal input,.settings-modal textarea,.settings-modal select{width:100%;margin-top:7px;background:#0b0b10;border:1px solid #30303a;color:#fff;border-radius:10px;padding:12px;outline:none}.card input:focus,.card textarea:focus,.card select:focus,.settings-modal input:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card .action-row{margin-top:18px;flex-wrap:wrap}.status-head{display:flex;justify-content:space-between;align-items:start}.pill{font-size:10px;font-weight:900;letter-spacing:1.3px;border:1px solid #4a3540;color:#ff93aa;padding:7px 9px;border-radius:999px}.pipeline{display:grid;gap:8px}.pipe{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;padding:11px;border:1px solid #272731;border-radius:12px;background:#111117}.pipe>span{font-size:10px;font-weight:900;color:#666673}.pipe b{display:block;font-size:13px}.pipe small{display:block;color:var(--muted);margin-top:3px}.pipe i{font-style:normal;color:#656571}.pipe.running{border-color:#744253;background:#1a1217}.pipe.running i{color:var(--accent)}.pipe.done{border-color:#264832}.pipe.done i{color:#73e99d}.progress-wrap{margin-top:15px}.progress{height:7px;background:#25252e;border-radius:99px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s}.progress-wrap p{color:var(--muted);font-size:12px}.hidden{display:none!important}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-title h1{font-size:45px;margin-bottom:0}.empty-state{min-height:280px;display:grid;place-items:center;border:1px dashed #34343e;border-radius:16px;color:var(--muted);text-align:center;padding:20px}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.character-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}.character-portrait{aspect-ratio:4/3;background:radial-gradient(circle at 40% 20%,#46303a,#15151c 55%,#0a0a0d);display:grid;place-items:center;font-size:66px;font-weight:1000;color:rgba(255,255,255,.75);overflow:hidden}.character-portrait img{width:100%;height:100%;object-fit:cover}.character-body{padding:16px}.character-body h3{margin:0 0 4px}.character-body small{color:var(--accent);font-weight:800}.character-body p{color:var(--muted);font-size:12px;line-height:1.55}.story-summary{border-left:3px solid var(--accent);padding:15px 18px;background:#131319;border-radius:0 12px 12px 0;margin-bottom:16px}.story-summary h2{margin:0 0 6px}.story-summary p{color:var(--muted);line-height:1.6}.storyboard-list{display:grid;gap:18px}.story-page{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px}.story-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.story-page-head h3{margin:0}.panel-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.panel-script{border:1px solid #2a2a34;background:#0f0f14;padding:13px;border-radius:12px}.panel-script b{font-size:12px;color:#fff}.panel-script p{font-size:12px;color:#aaaab4;line-height:1.5}.dialogue{color:#ff9bb0!important}.editor-layout{display:grid;grid-template-columns:minmax(0,800px) 290px;gap:20px;align-items:start}.manga-page{width:100%;aspect-ratio:1/1.414;background:var(--paper);border-radius:3px;padding:14px;display:grid;gap:7px;box-shadow:0 25px 70px rgba(0,0,0,.38);color:var(--ink);overflow:hidden}.empty-page{display:grid;place-items:center;text-align:center;color:#777;padding:30px}.page-indicator{font-weight:800;color:var(--muted)}.page-grid{display:grid;width:100%;height:100%;gap:7px}.page-grid.p3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.page-grid.p3 .manga-panel:first-child{grid-column:1/3}.page-grid.p4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.page-grid.p5{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.page-grid.p5 .manga-panel:first-child{grid-column:1/3}.manga-panel{position:relative;background:#ddd;border:3px solid #111;overflow:hidden;cursor:pointer;min-height:0}.manga-panel.selected{outline:4px solid var(--accent);outline-offset:-4px}.manga-panel img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.panel-placeholder{width:100%;height:100%;background:repeating-linear-gradient(135deg,#dadada,#dadada 8px,#cfcfcf 8px,#cfcfcf 16px);display:grid;place-items:center;text-align:center;padding:15px;font-weight:900;font-size:12px}.bubble{position:absolute;top:8%;right:7%;max-width:54%;background:white;border:2px solid #111;border-radius:50%;padding:10px 13px;text-align:center;font-weight:800;font-size:11px;line-height:1.3;box-shadow:2px 2px 0 #111}.bubble::after{content:"";position:absolute;bottom:-10px;right:20%;border-width:10px 5px 0 0;border-style:solid;border-color:#111 transparent transparent transparent;transform:rotate(25deg)}.caption{position:absolute;left:5%;bottom:5%;background:#111;color:white;padding:6px 8px;font-size:10px;font-weight:800;max-width:75%}.inspector{position:sticky;top:92px}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.export-card{min-height:170px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,#17171f,#101015);color:#fff;border-radius:16px;padding:20px;cursor:pointer}.export-card:hover{border-color:#555561}.export-card span{display:block;color:var(--accent);font-size:28px;font-weight:1000}.export-card b{display:block;font-size:17px;margin-top:18px}.export-card small{display:block;color:var(--muted);margin-top:5px}.file-card input{display:none}dialog{border:0;padding:0;border-radius:18px;background:transparent;color:#fff;max-width:620px;width:calc(100% - 30px)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.settings-modal{background:#121218;border:1px solid #33333c;border-radius:18px;padding:22px}.modal-head{display:flex;justify-content:space-between}.modal-head h2{margin:5px 0}.icon-btn{background:transparent;border:0;color:#aaa;font-size:28px;cursor:pointer}.muted{color:var(--muted);font-size:12px;line-height:1.6}.input-button{display:flex;gap:7px}.input-button input{flex:1}.model-list{margin-top:8px;border:1px solid var(--line);max-height:130px;overflow:auto;border-radius:10px;padding:6px}.model-option{display:block;padding:8px;border-radius:7px;cursor:pointer;font-size:12px}.model-option:hover{background:#22222b}.switch-row{display:flex!important;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:12px;border-radius:12px}.switch-row small{display:block;color:var(--muted);margin-top:3px}.switch-row input{width:auto;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff;color:#111;padding:11px 15px;border-radius:10px;font-weight:800;font-size:12px;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;bottom:0;top:auto;left:0;right:0;height:auto;background:#0d0d11;border-right:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:6px}.sidebar-note{display:none}.nav{font-size:0;text-align:center;padding:10px 4px}.nav::first-letter{font-size:18px}.workspace{padding:18px 15px 85px}.grid.two,.editor-layout{grid-template-columns:1fr}.inspector{position:static}.hero-card{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:620px){.topbar{height:62px;padding:0 12px}.top-actions .btn{display:none}.badge{font-size:10px}.shell{min-height:calc(100vh - 62px)}.hero-card{padding:24px 19px;min-height:auto}.hero-card h1{font-size:36px}.grid.two{gap:13px}.card{padding:16px}.field-row{grid-template-columns:1fr}.export-grid{grid-template-columns:1fr}.section-title h1{font-size:35px}.manga-page{padding:8px;gap:4px}.bubble{font-size:8px;padding:7px}.caption{font-size:8px}.character-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(5,1fr)}}@media print{body{background:white}.topbar,.sidebar,.section-title,.inspector,.tab:not(#tab-editor){display:none!important}.shell,.workspace,.editor-layout{display:block;padding:0;margin:0}.manga-page{width:210mm;height:297mm;box-shadow:none;margin:0;page-break-after:always}.workspace{max-width:none}.tab#tab-editor{display:block!important}}
.quota-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #2c4134;background:linear-gradient(135deg,#101c16,#111117);border-radius:16px;padding:16px 18px;margin-bottom:20px}.quota-card>div:first-child{display:flex;gap:12px;align-items:center}.quota-icon{font-size:30px}.quota-card b{display:block;color:#86efac}.quota-card small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.quota-meter{min-width:250px;text-align:right}.quota-meter strong{font-size:13px}.quota-track{height:7px;background:#263029;border-radius:999px;overflow:hidden;margin:7px 0 2px}.quota-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#54d889,#ffbe3d,#ff355d);transition:.3s}.cost-preview{margin-top:15px;padding:11px 12px;border:1px solid #353541;background:#0c0c11;border-radius:11px;color:#aaaab6;font-size:12px}.cost-preview b{color:#fff}.free-note{margin-top:14px;border:1px dashed #34343e;padding:12px;border-radius:12px}.free-note b{font-size:12px;color:#ffcc68}.free-note p{font-size:11px;color:var(--muted);line-height:1.55;margin:5px 0 0}.manga-panel.generating::after{content:'AI…';position:absolute;inset:0;background:rgba(0,0,0,.6);color:white;display:grid;place-items:center;font-size:20px;font-weight:900}.panel-error{position:absolute;left:6%;right:6%;bottom:7%;background:#2b1117;color:#ff9aac;border:1px solid #5b2633;padding:7px;border-radius:8px;font-size:9px;font-weight:700}.inspector textarea{resize:vertical}.btn:disabled{opacity:.45;cursor:not-allowed}.usage-warning{color:#ffcc68!important}@media(max-width:700px){.quota-card{align-items:stretch;flex-direction:column}.quota-meter{min-width:0;text-align:left}.hero-card p{font-size:13px}.cost-preview{font-size:11px}.editor-layout{gap:12px}}
.page-grid.p2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.page-grid.p2 .manga-panel:first-child{grid-row:auto}.page-grid.p1{grid-template-columns:1fr;grid-template-rows:1fr}

/* V2 production hardening / PWA */
.manga-page.bw-mode .manga-panel img{filter:grayscale(1) contrast(1.08)}
.manga-page.color-mode .manga-panel img{filter:none}
.ai-actions{margin-top:12px;flex-wrap:wrap}
.btn.danger{border-color:#63313c;background:#281217;color:#ff9aac}
.update-banner{position:fixed;z-index:120;left:50%;bottom:24px;transform:translateX(-50%);width:min(620px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #4c3a44;background:#171218;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.55)}
.update-banner b{display:block}.update-banner small{display:block;color:var(--muted);margin-top:3px;line-height:1.4}
.print-root{display:none}
@media(max-width:620px){.top-actions .btn{display:inline-flex;padding:8px 10px}.top-actions{gap:6px}.badge{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-banner{bottom:78px;align-items:stretch;flex-direction:column}.update-banner .btn{width:100%}}
@media print{
  @page{size:A4 portrait;margin:0}
  body{background:#fff!important;margin:0!important}
  .topbar,.shell,.update-banner,.toast{display:none!important}
  .print-root{display:block!important;position:static!important}
  .print-root .manga-page{display:grid!important;width:210mm!important;height:297mm!important;box-sizing:border-box!important;margin:0!important;border-radius:0!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important}
  .print-root .manga-page:last-child{page-break-after:auto!important;break-after:auto!important}
}