:root{--bg: #faf8f3;--panel: #ffffff;--ink: #2b2b2b;--muted: #8a8275;--line: #e6e0d4;--accent: #c0532b;--accent-2: #2f6f6a;--ok: #2f8f4e;--err: #c0392b;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 6px 18px rgba(0, 0, 0, .05)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.app{max-width:960px;margin:0 auto;padding:24px 18px 80px}.app-shell{max-width:1280px;margin:0 auto;padding:16px 18px 60px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{font-size:24px;color:var(--accent);line-height:1}.brand-name{font-size:18px;font-weight:700;letter-spacing:.5px}.brand-sub{color:var(--muted);font-size:12px}.topbar-actions{flex:0 0 auto;gap:8px;justify-content:flex-end}.topbar-actions>*{flex:0 0 auto;min-width:0}.shell-body{display:flex;align-items:flex-start;gap:16px}.sidebar{flex:0 0 220px;width:220px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 12px 15px;position:sticky;top:16px;height:var(--side-h, auto);max-height:calc(100vh - 32px);min-height:0;overflow:hidden;display:flex;flex-direction:column}.sidebar-head{flex:0 0 auto;font-size:12px;color:var(--muted);letter-spacing:1px;padding:2px 4px 8px}.proj-list{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;padding-bottom:8px;overflow-y:auto;overscroll-behavior:contain}.proj-list::-webkit-scrollbar{width:6px}.proj-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.proj-item,.lib-item{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px;border:1px solid transparent}.proj-item:hover,.lib-item:hover{background:#f6f2ea}.proj-item.active,.lib-item.active{background:#fdf0e8;border-color:var(--accent);color:var(--accent);font-weight:600}.proj-icon{flex:0 0 auto;font-size:13px}.proj-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-count{flex:0 0 auto;font-size:11px;color:var(--muted);background:var(--line);border-radius:999px;padding:1px 6px}.proj-del{flex:0 0 auto;border:none;background:none;color:var(--muted);cursor:pointer;font-size:12px;padding:0 2px;opacity:0}.proj-item:hover .proj-del{opacity:1}.proj-del:hover{color:var(--err)}.proj-input{flex:1 1 auto;width:auto;padding:2px 4px;font-size:13px;border-radius:4px}.sidebar-new{flex:0 0 auto;width:100%;margin-top:auto}.sidebar-divider{flex:0 0 auto;height:1px;background:var(--line);margin:10px 0}.lib-item{flex:0 0 auto}.sidebar-empty{color:var(--muted);font-size:12px;padding:10px 6px;line-height:1.5}.main{flex:1 1 auto;min-width:0}.proj-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}.proj-title{flex:1 1 auto;min-width:0;border:1px solid transparent;background:transparent;font-size:19px;font-weight:700;padding:6px 8px;border-radius:8px}.proj-title:hover{border-color:var(--line);background:#fff}.proj-title:focus{outline:none;border-color:var(--accent);background:#fff}.proj-actions{flex:0 0 auto;gap:8px;justify-content:flex-end}.proj-actions>*{flex:0 0 auto;min-width:0}.empty-state{text-align:center;padding:48px 20px}.empty-state .btn{margin-top:8px}.lib-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);flex:0 0 auto;width:auto}.lib-check input{width:auto}.lib-card{background:var(--panel);border:1px solid var(--line)}.lib-card .cap{min-height:44px}.lib-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lib-star{margin-left:auto}.foot-note{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}.proj-group{border-radius:8px}.proj-group:hover{background:#faf6ef}.proj-group.active{background:#fdf0e8;box-shadow:inset 3px 0 0 var(--accent)}.proj-group.active .proj-name{color:var(--accent);font-weight:700}.proj-caret{flex:0 0 auto;border:none;background:none;color:var(--muted);cursor:pointer;font-size:10px;padding:0;width:12px}.proj-badge{flex:0 0 auto;font-size:11px;color:var(--muted);background:var(--line);border-radius:999px;padding:1px 7px;font-variant-numeric:tabular-nums}.proj-group.active .proj-badge{background:var(--accent);color:#fff}.proj-children{padding:2px 0 8px 22px}.child-quotes{display:flex;flex-direction:column;gap:3px}.child-quote{display:flex;align-items:center;gap:5px;font-size:12px}.child-quote .dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--line)}.child-quote .dot.done{background:var(--ok)}.child-quote .dot.pending{background:var(--accent)}.child-quote .dot.error{background:var(--err)}.child-idx{flex:0 0 auto;color:var(--muted);font-size:11px}.child-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.child-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.child-thumbs img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:5px;border:1px solid var(--line)}.ctx-menu{position:fixed;z-index:100;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:4px;min-width:120px}.ctx-menu button{display:block;width:100%;border:none;background:none;text-align:left;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--ink)}.ctx-menu button:hover{background:#f6f2ea}.ctx-menu button.danger{color:var(--err)}.ctx-menu button.danger:hover{background:#fdecea}.qcard-list{display:flex;flex-direction:column;gap:12px}.qcard{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fdfcf9}.qcard.dragging{opacity:.4}.qcard.drag-over{border-color:var(--accent);border-style:dashed}.qcard-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.drag-handle{cursor:grab;color:var(--muted);font-size:15px}.qcard-idx{font-size:12px;color:var(--muted);margin-right:auto}.qcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qcard-more{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.danger-text{color:var(--err)}.wall-card{display:flex;flex-direction:column}.wall-img{width:100%;background:#f6f2ea;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.wall-img:not(:has(img)){aspect-ratio:4 / 3}.wall-img img{width:100%;height:auto;display:block}.wall-ph{color:var(--muted);font-size:13px;text-align:center;padding:10px}.wall-ph.err{color:var(--err);font-size:12px}.wall-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media (max-width: 900px){.shell-body{flex-direction:column}.sidebar{position:static;width:100%;flex:0 0 auto;height:auto;max-height:none}.proj-list{max-height:320px}.proj-header,.topbar{flex-wrap:wrap;gap:8px}.topbar .brand-sub{display:none}.proj-title{flex:1 1 100%}.topbar-actions,.proj-actions{width:100%;justify-content:flex-start}}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar h1{font-size:22px;margin:0;letter-spacing:.5px}.topbar .sub{color:var(--muted);font-size:13px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .15s}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent}.btn.sm{padding:5px 10px;font-size:12px}.steps{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.step-chip{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;cursor:pointer}.step-chip.active{border-color:var(--accent);color:var(--accent);font-weight:600}.step-chip.done{border-color:var(--ok);color:var(--ok)}.step-chip .num{width:20px;height:20px;border-radius:50%;background:var(--line);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.step-chip.active .num{background:var(--accent)}.step-chip.done .num{background:var(--ok)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:16px}.card h2{font-size:16px;margin:0 0 4px}.card .hint{color:var(--muted);font-size:13px;margin:0 0 12px}textarea,input[type=text],input[type=password],input[type=number],select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:14px;font-family:inherit;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:120px;line-height:1.5}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1;min-width:160px}.topbar-actions,.proj-actions{flex-wrap:wrap}.topbar-actions>button,.proj-actions>button{flex:0 0 auto;min-width:0}.banner{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:12px}.banner.err{background:#fdecea;color:var(--err);border:1px solid #f5c6c0}.banner.ok{background:#eaf7ee;color:var(--ok);border:1px solid #bfe6cb}.banner.info{background:#eef4f8;color:#2f6f6a;border:1px solid #cfe3ea}.quote-item{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;background:#fdfcf9}.quote-item .qhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quote-item .qtext{font-weight:600;font-size:15px;margin-bottom:8px}.tag{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--line);color:var(--muted)}.tag.pending{background:#fdf0e3;color:var(--accent)}.tag.done{background:#eaf7ee;color:var(--ok)}.tag.error{background:#fdecea;color:var(--err)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.comic-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.comic-card img{width:100%;display:block}.comic-card .cap{padding:14px 16px;font-size:16px;font-weight:600;line-height:1.5}.comic-card .meta{padding:0 16px 14px;font-size:12px;color:var(--muted)}.spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;width:100%;max-width:620px;max-height:86vh;overflow:auto}.modal h2{margin:0 0 14px;font-size:18px}.close-x{float:right;cursor:pointer;color:var(--muted);border:none;background:none;font-size:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.grid2,.gallery{grid-template-columns:1fr}}.mode-picker{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.mode-opt{flex:1 1 160px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:13px;transition:all .15s}.mode-opt:hover{border-color:var(--accent)}.mode-opt.active{border-color:var(--accent);background:#fdf0e8;color:var(--accent);font-weight:600;box-shadow:inset 0 0 0 1px var(--accent)}.mode-tag{font-size:15px}.mode-label{font-weight:600}.mode-desc{margin:0 0 12px;font-size:12px;line-height:1.6}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:0 0 auto}.seg button{border:none;background:var(--panel);padding:7px 12px;font-size:12px;cursor:pointer;color:var(--muted)}.seg button+button{border-left:1px solid var(--line)}.seg button.active{background:var(--accent);color:#fff;font-weight:600}.panel-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}.pp-cell{position:relative;border:1px solid var(--line);border-radius:8px;padding:8px 10px 10px 26px;background:#fbfaf7;min-height:74px}.pp-stage{position:absolute;left:-1px;top:-1px;border-radius:8px 0;background:var(--line);color:var(--muted);font-size:10px;padding:2px 5px}.pp-idx{position:absolute;right:6px;top:5px;font-size:10px;color:var(--muted)}.pp-desc{font-size:12px;line-height:1.5;color:var(--ink, #333)}.pp-dlg{margin-top:5px;font-size:11px;color:var(--accent)}.panel-edit{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}.pe-stage{flex:0 0 22px;display:flex;align-items:center;justify-content:center;background:var(--line);border-radius:6px;font-size:11px;color:var(--muted)}.pe-body{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-width:0}.wall-card.wide{grid-column:1 / -1}.wall-card.wide .wall-img{max-height:480px}.wall-card.wide .wall-img img{max-height:480px;width:auto;height:auto;margin:0 auto}.sidebar-head{justify-content:space-between}.arch-toggle{border:none;background:none;cursor:pointer;color:var(--accent);font-size:11px;padding:0;text-decoration:underline}.proj-group.archived{opacity:.55}.proj-group.archived .proj-name{text-decoration:line-through}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.script-preview{background:#fbfaf7;border:1px solid var(--line);border-radius:8px;padding:14px;font-size:12.5px;line-height:1.7;white-space:pre-wrap;max-height:50vh;overflow:auto;font-family:var(--mono, ui-monospace, monospace)}.cap.sub{padding-top:0;font-size:13px;font-weight:400;color:var(--muted)}.tag.ghost{background:transparent;border:1px solid var(--line)}.script-panel{background:var(--card-2, #faf9f6);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:14px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg-btn{border:0;background:transparent;padding:5px 10px;font-size:12.5px;cursor:pointer;color:var(--muted)}.seg-btn.active{background:var(--accent, #2b2b2b);color:#fff}.char-table{display:flex;flex-direction:column;gap:8px}.char-row{display:grid;grid-template-columns:96px 110px 1fr auto auto;gap:8px;align-items:center}.char-row input{width:100%}.char-lock{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);white-space:nowrap}.char-lock input{width:auto}.script-scenes{margin-top:10px}.script-scenes summary{cursor:pointer;font-size:13px;color:var(--muted);-webkit-user-select:none;user-select:none}.scene-row{display:grid;grid-template-columns:52px 1fr 1.1fr 1.1fr auto;gap:8px;align-items:center;margin-top:8px}.scene-row select,.scene-row input{width:100%}@media (max-width: 720px){.char-row{grid-template-columns:1fr 1fr}.char-row .char-app{grid-column:1 / -1}.char-lock{justify-self:start}.scene-row{grid-template-columns:56px 1fr}.scene-row .scene-sum,.scene-row .scene-cast{grid-column:1 / -1}}