/* 怪猫幻片 · readable production workspace */
body{font-size:14px;line-height:1.65}.brand{gap:12px}.brand strong{font-size:22px;letter-spacing:1px}.brand small{font-size:11px;letter-spacing:2px}.brand-mark.company-logo{position:relative;overflow:hidden;background:transparent;box-shadow:none;width:44px;height:52px;border-radius:0}.company-logo img{position:absolute;width:72px;max-width:none;left:-14px;top:-10px}.sidebar{width:238px}.main{margin-left:238px}.nav-label{font-size:12px}.step-link,.utility{font-size:14px}.nav-number{font-size:12px}.sidebar-bottom small,.saved-card p,.saved-state,.breadcrumb,.top-actions,.eyebrow,.step-tab small,.pill,.node-type,.node-foot,.summary-row,.help-strip,.modal-note,.field-label,.empty-note,.reference-upload,.node-prompt,.node-settings label,.generation-params label,.resource-note,.clip-copy-label,.clip-generation-footer p,.timeline-label,.project-card small,.project-meta,.project-progress,.upload-hint,.setting-content p,.template-box small,.script-footer,.style-mapping-note{font-size:12px;line-height:1.7}.step-tab strong,.node-name strong,.node-settings select,.generation-params select,.generation-params input,.btn,.filter-tabs button,.resource-tabs button,.summary-row b{font-size:13px}.script-textarea,textarea,.clip-script,.shot-copy p,.read-only{font-size:15px;line-height:1.9}.node-prompt{min-height:44px}.project-summary{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;background:none;border:0;padding:0;box-shadow:none}.project-metric{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line,#e2e8f0);border-radius:16px;background:var(--panel,#fff);min-width:155px}.metric-icon{display:grid;place-items:center;width:42px;height:46px;border-radius:12px;background:#eef4ff;color:#2563eb}.metric-orange .metric-icon{background:#fff4e5;color:#e78a11}.metric-green .metric-icon{background:#e7f8f0;color:#149770}.project-metric>div>span{font-size:12px;color:var(--muted,#64748b)}.project-metric strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-1px}.project-metric strong small{font-size:12px;font-weight:400;letter-spacing:0;margin-left:7px}.project-metric p{margin:5px 0 0;font-size:11px;color:var(--muted,#64748b)}.projects-intro{align-items:center;gap:24px}.style-trigger,.ratio-trigger{display:flex;align-items:center;gap:9px;border:1px solid var(--line,#e2e8f0);background:var(--panel,#fff);border-radius:20px;min-height:40px;padding:7px 16px;color:inherit;font-size:14px;cursor:pointer}.style-picker-modal{max-width:850px!important;width:min(850px,95vw)!important}.style-search{display:flex;align-items:center;gap:10px;padding:0 2px 16px;border-bottom:1px solid var(--line,#e2e8f0);color:var(--muted,#64748b)}.style-search input{border:0!important;background:transparent!important;box-shadow:none!important;width:100%;font-size:14px;padding:8px}.style-picker-layout{display:grid;grid-template-columns:100px 1fr;min-height:340px;margin-top:20px}.style-picker-layout nav{border-right:1px solid var(--line,#e2e8f0);display:flex;flex-direction:column;gap:10px;padding-right:15px}.style-picker-layout nav button{background:none;border:0;text-align:left;padding:10px 8px;color:var(--muted,#64748b);font-size:14px;cursor:pointer;border-radius:8px}.style-picker-layout nav button span{margin-right:12px}.style-picker-layout nav button.active{background:#edf3ff;color:#2563eb;font-weight:600}.style-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 13px;padding-left:20px;align-content:start;max-height:450px;overflow:auto}.style-option{border:0;background:none;text-align:left;padding:0;color:inherit;cursor:pointer;min-width:0}.style-thumb{height:85px;display:flex;align-items:center;justify-content:center;background:var(--bg,#f5f7fa);border:1px solid var(--line,#e2e8f0);border-radius:11px;overflow:hidden;position:relative}.style-thumb img{width:100%;height:100%;object-fit:cover}.style-option strong{display:block;font-size:12px;margin-top:7px;line-height:1.5;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-option.selected .style-thumb{outline:2px solid #2563eb;outline-offset:2px}.style-option.selected strong{color:#2563eb}.style-thumb i{position:absolute;bottom:5px;right:6px;border-radius:50%;background:#2563eb;color:#fff;font-style:normal;width:20px;height:20px;text-align:center}.style-none{font-size:34px;font-weight:400;color:#7b8493}.new-style-tag{position:absolute;top:5px;left:5px;background:#f08b12;color:#fff;padding:0 6px;border-radius:5px;font-size:10px}.style-mapping-note{margin:20px 0 0;color:var(--muted,#64748b);padding-top:14px;border-top:1px solid var(--line,#e2e8f0)}.ratio-picker-modal{max-width:600px!important}.ratio-picker-options{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:15px 8px;background:var(--bg,#f5f7fa);border-radius:14px;margin-top:15px}.ratio-picker-options button{height:77px;border:1px solid transparent;background:none;color:inherit;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;position:relative;cursor:pointer;font-size:14px}.ratio-picker-options button.selected{border-color:#2563eb;background:#edf3ff;color:#2563eb}.ratio-shape{display:inline-block;border:1.5px solid currentColor;border-radius:2px;flex-shrink:0}.ratio-picker-options i{position:absolute;right:5px;top:2px;font-size:12px;font-style:normal}.online-user{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-preview-frame video{width:100%;height:100%;object-fit:contain}.task-progress{font-size:12px;color:#2563eb}.auth-note{color:#64748b;font-size:13px}.admin-link{color:#2563eb;font-size:13px;text-decoration:none}.generation-params{gap:12px}.project-card-title{font-size:17px}.resource-card strong{font-size:12px}.clip-preview-frame{max-height:430px}.stepper{overflow-x:auto}.top-actions{flex-wrap:wrap;justify-content:flex-end}.sidebar-bottom{font-size:13px}
html[data-theme=dark] .project-metric{background:#172136;border-color:#2b3952}html[data-theme=dark] .style-thumb,html[data-theme=dark] .ratio-picker-options{background:#101a2c;border-color:#2b3952}html[data-theme=dark] .style-picker-layout nav button.active,html[data-theme=dark] .ratio-picker-options button.selected{background:#20365b;color:#83b0ff}html[data-theme=dark] .metric-icon{background:#20365b}html[data-theme=dark] .metric-orange .metric-icon{background:#473622}html[data-theme=dark] .metric-green .metric-icon{background:#153b35}
/* The original shell already owns its sidebar column; keep one layout offset. */
.shell{grid-template-columns:238px minmax(0,1fr)}.main{margin-left:0}.brand strong,.brand small{white-space:nowrap}.brand small{letter-spacing:1px}.shell small,.shell .nav-number,.shell .eyebrow,.shell .project-metric p,.shell .pill,.shell .note,.shell .node-type,.shell .node-foot,.shell .binding-chip,.shell .image-tag,.shell .script-control-select,.shell .drop-hint,.shell .script-upload-description,.shell .player-note,.shell .timeline-heading span,.shell .clip-preview-frame>span,.shell .intro p,.shell .step-dot,.shell .dimension-hint,.shell .script-route-note p,.shell .beat-card>span,.shell .flow-mini span,.shell .project-list-label>span,.shell .project-flow-strip>span,.shell .node-settings label,.shell .generation-params label{font-size:12px!important}.shell button,.shell .btn,.shell .theme-switch button{font-size:13px!important}.shell .avatar-row strong,.shell .script-route-note b{font-size:13px}.shell .beat-card strong{font-size:14px}.shell .project-switch small{font-size:12px}.shell .script-control-select select,.shell .node-settings select,.shell .generation-params select,.shell .generation-params input{font-size:13px}.shell .project-library-toolbar span,.shell .projects-toolbar span{font-size:12px}.shell .note{color:var(--muted)}.sidebar .step-link:disabled{opacity:.7;color:var(--muted)}
@media(max-width:1350px){.shell{grid-template-columns:215px minmax(0,1fr)}.project-summary{max-width:650px}.sidebar{width:215px}.project-metric{min-width:0;padding:14px}.brand strong{font-size:20px}}@media(max-width:1100px){.projects-intro{flex-direction:column;align-items:stretch}.project-summary{max-width:none}}@media(max-width:900px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px}.topbar{padding:16px}.project-summary{grid-template-columns:repeat(3,1fr)}.metric-icon{display:none}.project-metric{padding:13px}.style-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.style-picker-layout{grid-template-columns:75px 1fr}}@media(max-width:680px){.shell{grid-template-columns:70px minmax(0,1fr)}.sidebar{width:70px}.brand>div:last-child,.sidebar .step-link>span:not(.nav-number),.sidebar .project-switch,.sidebar .utility,.sidebar .sidebar-bottom,.sidebar .nav-label,.sidebar .nav-number{display:none}.brand{padding:12px 0}.step-link{justify-content:center}.project-summary{gap:6px}.project-metric{padding:10px}.project-metric strong{font-size:25px}.project-metric p{display:none}.style-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:12px}.ratio-picker-options{gap:0;padding:8px 2px}.ratio-picker-options button{font-size:12px}.top-actions .saved-state{display:none}.topbar{gap:8px}.top-actions{gap:6px}.projects-page{padding:22px 14px}}