*{box-sizing:border-box}:root{--accent: #d4a91f;--accent-strong: #a77d08;--brand-ink: #362814;--danger: #b42318;--ink: #2d2418;--line: rgba(152, 123, 61, .22);--line-strong: rgba(165, 126, 34, .34);--mint: #6d8460;--muted: #7e735f;--page-bg: #faf4e3;--surface: rgba(255, 252, 244, .86);--surface-strong: rgba(255, 253, 247, .96);--gold-soft: #f3e5bc;--gold-wash: #fff9e9;--brown: #4a3517;--olive: #667650;--shadow: 0 22px 58px rgba(89, 64, 26, .13);--shadow-soft: 0 12px 30px rgba(89, 64, 26, .08);color:var(--ink);background:var(--page-bg);font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}body{margin:0;min-width:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#faf4e3fc,#fff9e9fa 48%,#f7eed3f5),linear-gradient(90deg,#d4a91f14,#6676500a);background-attachment:fixed}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.appShell{min-height:100vh;padding-bottom:250px}.topBar{align-items:center;display:flex;gap:24px;height:72px;justify-content:space-between;padding:0 34px}.brand{align-items:center;display:flex;gap:12px}.brandMark{align-items:center;background:#fff;border:1px solid #e3e8ee;border-radius:8px;display:grid;height:36px;overflow:hidden;place-items:center;width:36px}.brandMark img{display:block;height:28px;object-fit:contain;width:28px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{color:#758391;font-size:12px;margin-top:2px}.topTools{align-items:center;display:flex;gap:10px}.searchBox,.keyBox{align-items:center;background:#ffffffc7;border:1px solid rgba(221,226,232,.86);border-radius:8px;display:flex;gap:8px;height:38px;padding:0 10px}.searchBox input,.keyBox input{background:transparent;border:0;color:#1f2937;outline:0;width:150px}.rememberKey{align-items:center;color:#596676;display:flex;font-size:13px;gap:5px}.topActionButton,.userPill,.balancePill{align-items:center;background:#ffffffdb;border:1px solid #e4e8ed;border-radius:8px;color:#1f2937;display:inline-flex;font-size:13px;height:38px;padding:0 12px}.topActionButton.strong{background:#111827;border-color:#111827;color:#fff}.userPill{background:#eef7f0;border-color:#d6eadb;color:#176235;font-weight:700}.balancePill{background:#fff8e5;border-color:#f4df9e;color:#805b00;font-weight:700}.workspace{margin:0 auto;max-width:1420px;padding:10px 34px 0}.modeSwitch{background:#edf1f4;border:1px solid #dfe6ed;border-radius:8px;display:inline-flex;gap:4px;margin-bottom:14px;padding:4px}.modeSwitch button{align-items:center;background:transparent;border-radius:6px;color:#5f6d7c;display:inline-flex;gap:6px;height:34px;padding:0 13px}.modeSwitch button.selected{background:#fff;box-shadow:0 3px 12px #11182714;color:#111827;font-weight:800}.workspaceError{align-items:center;background:#fff4f2;border:1px solid rgba(180,35,24,.22);border-radius:8px;color:#9f241c;display:flex;font-size:14px;font-weight:800;gap:12px;justify-content:space-between;line-height:1.55;margin:0 0 14px;padding:11px 12px}.workspaceError button{align-items:center;background:#b423181a;border-radius:999px;color:#9f241c;display:grid;flex:0 0 auto;height:26px;place-items:center;width:26px}.inferenceWorkbench,.pairWorkbench,.settingsWorkbench,.usageWorkbench{display:grid;gap:14px;padding-bottom:34px}.pairWorkbenchHeader{align-items:center;display:flex;justify-content:flex-start}.storyboardTotal{align-items:center;background:#ffffffdb;border:1px solid #e4e9ef;border-radius:8px;color:#405063;display:inline-flex;gap:7px;height:38px;padding:0 12px}.storyboardTotal strong{color:#111827;font-size:18px;line-height:1}.pairLayout{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 238px}.pairList{display:grid;gap:14px}.promptPair{background:#fffffff0;border:1px solid #e4e9ef;border-radius:8px;box-shadow:0 10px 30px #1118270d;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.pairIndex{align-items:center;background:#eef6f8;border:1px solid #d7ebf0;border-radius:7px;color:#0f6f85;display:inline-flex;font-size:13px;font-weight:900;grid-column:1 / -1;height:30px;justify-self:start;padding:0 10px}.promptPair label{color:#405063;display:grid;font-size:12px;font-weight:800;gap:7px}.promptPair textarea{background:#f8fafc;border:1px solid #d9e2ec;border-radius:7px;color:#17202a;flex:initial;font-size:14px;line-height:1.55;min-height:260px;outline:0;padding:10px;resize:vertical}.promptPair textarea::placeholder{color:#8b98a8}.pairActions{display:flex;gap:8px;grid-column:1 / -1;justify-content:flex-end}.pairActions button{align-items:center;background:#111827;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:7px;height:36px;padding:0 14px}.pairActions button:disabled{background:#cfd7de;cursor:not-allowed}.pairActions .copyPromptButton{background:#f0f3f6;color:#1f2937}.pairActions .copyPromptButton.copied{background:#e8f7ef;color:#0b7a42}.pairActions .copyPromptButton:disabled{background:#edf1f5;color:#9aa6b2}.pairFooter{align-items:end;display:flex;gap:10px;justify-content:center;padding:4px 0 0}.rangeControl{color:#405063;display:grid;font-size:12px;font-weight:800;gap:6px;min-width:280px}.rangeControl input,.rangeControl select{background:#f8fafc;border:1px solid #d9e2ec;border-radius:7px;color:#17202a;height:38px;outline:0;padding:0 10px}.rangeControl input:disabled,.rangeControl select:disabled{color:#8b98a8}.addPairButton,.inferAllButton{align-items:center;background:#0aa6c8;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:7px;height:38px;padding:0 16px}.inferAllButton{background:#111827}.inferAllButton:disabled{background:#cfd7de;cursor:not-allowed}.addPairButton:disabled{background:#cfd7de;cursor:not-allowed}.pairSidebar{background:#fffffff0;border:1px solid #e4e9ef;border-radius:8px;box-shadow:0 10px 30px #1118270d;display:grid;gap:12px;padding:12px;position:sticky;top:14px}.pairSidebarHeader{align-items:center;border-bottom:1px solid #edf0f4;color:#405063;display:flex;font-size:12px;font-weight:800;justify-content:space-between;padding-bottom:10px}.pairSidebarHeader strong{color:#111827;font-size:13px}.pairSidebar .rangeControl{min-width:0}.sidebarCostNote{background:#0aa6c814;border:1px solid rgba(10,166,200,.16);border-radius:7px;color:#176b80;font-size:12px;font-weight:800;line-height:1.45;margin:-4px 0 0;padding:8px 9px}.sidebarErrorNote{align-items:start;background:#fff4f2;border:1px solid rgba(180,35,24,.2);border-radius:7px;color:#a32920;display:flex;font-size:12px;font-weight:800;gap:8px;justify-content:space-between;line-height:1.45;margin:0;padding:8px 9px}.sidebarErrorNote button{align-items:center;background:#b423181a;border-radius:999px;color:#a32920;display:grid;flex:0 0 auto;height:22px;place-items:center;width:22px}.sidebarActions{display:grid;gap:8px}.sidebarButton{justify-content:center;width:100%}.exportPromptsButton{align-items:center;background:#f0f3f6;border-radius:8px;color:#1f2937;display:inline-flex;font-weight:800;gap:7px;height:38px;padding:0 16px}.importDocumentButton{align-items:center;background:#eef7f0;border-radius:8px;color:#176235;display:inline-flex;font-weight:800;gap:7px;height:38px;padding:0 16px}.clearStoryboardButton{align-items:center;background:#fff0ef;border-radius:8px;color:#b42318;display:inline-flex;font-weight:800;gap:7px;height:38px;padding:0 16px}.importDocumentButton:disabled{color:#9aa6b2;cursor:not-allowed}.clearStoryboardButton:disabled{color:#c8a4a0;cursor:not-allowed}.exportPromptsButton:disabled{color:#9aa6b2;cursor:not-allowed}.pairImportStatus{border-radius:7px;font-size:12px;font-weight:800;line-height:1.45;margin:0;padding:8px 9px}.pairImportStatus.success{background:#e8f7ef;color:#0b7a42}.pairImportStatus.failed{background:#fdecec;color:#b42318}.pairSidebarHint{color:#718093;font-size:12px;line-height:1.5;margin:0}.inferenceToolbar,.inferenceInputPanel,.inferenceOutputPanel,.settingsPanel{background:#fffffff0;border:1px solid #e4e9ef;border-radius:8px;box-shadow:0 10px 30px #1118270d}.settingsPanel{display:grid;gap:12px;padding:14px}.usageHeader,.usageRecord,.emptyUsage{background:#fffffff0;border:1px solid #e4e9ef;border-radius:8px;box-shadow:0 10px 30px #1118270d}.usageHeader{align-items:center;display:flex;justify-content:space-between;padding:14px}.usageHeader strong,.usageHeader span{display:block}.usageHeader strong{color:#111827;font-size:15px}.usageHeader span{color:#718093;font-size:12px;margin-top:4px}.usageHeader button{align-items:center;background:#f0f3f6;border-radius:7px;color:#1f2937;display:inline-flex;gap:6px;height:34px;padding:0 12px}.usageHeader button:disabled{color:#a7b1be;cursor:not-allowed}.emptyUsage{align-items:center;color:#718093;display:flex;gap:10px;justify-content:center;min-height:180px;padding:20px}.usageList{display:grid;gap:12px}.usageRecord{display:grid;gap:12px;padding:12px}.usageRecordTop{align-items:center;display:flex;justify-content:space-between}.usageRecordTop strong,.usageRecordTop span{display:block}.usageRecordTop strong{color:#111827;font-size:14px}.usageRecordTop span{color:#718093;font-size:12px;margin-top:3px}.recordStatus{border-radius:999px;font-size:12px;font-weight:900;padding:5px 9px}.recordStatus.success{background:#e8f7ef;color:#0b7a42}.recordStatus.failed{background:#fdecec;color:#b42318}.usageOutput{display:grid;gap:6px}.usageOutput span{color:#405063;font-size:12px;font-weight:800}.usageRecord details{border:1px solid #edf0f4;border-radius:7px;overflow:hidden}.usageRecord summary{align-items:center;background:#f8fafc;color:#1f2937;cursor:pointer;display:flex;font-size:12px;font-weight:900;justify-content:space-between;padding:9px 10px}.usageRecord summary button{background:#e7edf3;border-radius:6px;color:#1f2937;height:26px;padding:0 9px}.usageRecord pre,.usageOutput pre{background:#0f172a;color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Consolas,Microsoft YaHei,monospace;font-size:12px;line-height:1.5;margin:0;max-height:420px;overflow:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.settingsGrid{align-items:end;display:grid;gap:10px;grid-template-columns:150px minmax(260px,1fr) 170px minmax(180px,260px) auto}.settingsSectionTitle{border-top:1px solid #edf0f4;color:#111827;font-size:14px;font-weight:900;padding-top:14px}.settingsSectionTitle:first-child{border-top:0;padding-top:0}.inferenceToolbar{align-items:end;display:grid;gap:10px;grid-template-columns:150px minmax(260px,1fr) 170px minmax(180px,260px) auto;padding:12px}.compactField,.inferenceOptions label,.inputRow label{color:#5f6d7c;display:grid;font-size:12px;font-weight:700;gap:6px}.compactField input,.compactField select,.inferenceOptions input,.inferenceWorkbench textarea{background:#f8fafc;border:1px solid #dfe6ed;border-radius:7px;color:#17202a;outline:0}.compactField input,.compactField select,.inferenceOptions input{height:36px;padding:0 10px}.compactField.wide{min-width:0}.keyField input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.inferenceRemember{height:36px;justify-content:center}.inferenceGrid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr)}.inferenceInputPanel,.inferenceOutputPanel{padding:14px}.inputRow{display:grid;gap:12px;margin-bottom:12px}.inputRow.split{grid-template-columns:repeat(2,minmax(0,1fr))}.inferenceWorkbench textarea{flex:initial;font-size:14px;line-height:1.55;min-height:118px;padding:10px;resize:vertical}.inferenceWorkbench .sourceTextarea{min-height:260px}.templateEditor{border-top:1px solid #edf0f4;display:grid;gap:8px;margin-top:4px;padding-top:12px}.templateHeader{align-items:center;display:flex;justify-content:space-between}.templateHeader span{color:#5f6d7c;font-size:12px;font-weight:800}.templateHeader button{background:#f0f3f6;border-radius:7px;color:#1f2937;height:30px;padding:0 10px}.templateControls{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(210px,280px) minmax(240px,1fr) auto}.templateControls .templateNameField{min-width:0}.templateSaveButton{align-items:center;background:#111827;border-radius:8px;color:#fff;display:inline-flex;font-weight:800;gap:7px;height:36px;justify-content:center;min-width:106px;padding:0 14px;white-space:nowrap}.settingsWorkbench .templateTextarea,.inferenceWorkbench .templateTextarea{background:#f8fafc;border:1px solid #dfe6ed;border-radius:7px;color:#17202a;font-family:ui-monospace,SFMono-Regular,Consolas,Microsoft YaHei,monospace;font-size:13px;line-height:1.6;min-height:560px;outline:0;overflow:auto;padding:12px;resize:vertical;white-space:pre-wrap}.settingsWorkbench .templateTextarea:focus,.inferenceWorkbench .templateTextarea:focus{border-color:#0aa6c8;box-shadow:0 0 0 3px #0aa6c81f}.inferenceOptions{align-items:end;border-top:1px solid #edf0f4;display:grid;gap:10px;grid-template-columns:minmax(160px,1fr) 108px 92px auto;padding-top:12px}.inferenceActions,.outputActions,.panelActions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.inferenceActions button,.outputActions button,.panelActions button{align-items:center;background:#f0f3f6;border-radius:7px;color:#1f2937;display:inline-flex;gap:6px;height:34px;padding:0 12px}.inferenceActions .primaryAction{background:#0aa6c8;color:#fff;font-weight:800}.inferenceActions .primaryAction:disabled{background:#cfd7de;cursor:not-allowed}.outputHeader{align-items:center;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;margin:-2px 0 12px;padding-bottom:12px}.outputHeader strong,.outputHeader span{display:block}.outputHeader strong{color:#111827;font-size:15px}.outputHeader span{color:#7a8795;font-size:12px;margin-top:3px}.storyboardList{display:grid;gap:10px;max-height:calc(100vh - 210px);overflow:auto;padding-right:4px}.storyboardPanel{background:#f8fafc;border:1px solid #e3e9ef;border-radius:8px;display:grid;gap:12px;grid-template-columns:58px minmax(0,1fr);padding:12px}.panelIndex{align-content:start;display:grid;gap:6px;justify-items:center}.panelIndex strong{background:#111827;border-radius:7px;color:#fff;display:grid;font-size:14px;height:34px;place-items:center;width:42px}.panelIndex span{color:#7a8795;font-size:12px;font-weight:800}.panelBody{min-width:0}.subtitleText{color:#111827;font-size:15px;line-height:1.55;margin:0 0 10px}.promptBlock{background:#fff;border:1px solid #e6ebf0;border-radius:7px;margin-bottom:8px;padding:9px 10px}.promptBlock span{color:#8190a0;display:block;font-size:12px;font-weight:800;margin-bottom:5px}.promptBlock p{color:#253140;font-size:14px;line-height:1.55;margin:0}.panelMeta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.panelMeta span{background:#edf7fa;border:1px solid #d7ebf0;border-radius:999px;color:#087996;font-size:12px;padding:4px 8px}.emptyInference{align-items:center;border:1px dashed #d5dce3;border-radius:8px;color:#8a97a7;display:flex;flex-direction:column;gap:10px;height:420px;justify-content:center}.hero{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 370px);padding-top:26px}.hero h1{color:#030712;font-size:30px;font-weight:800;letter-spacing:0;margin:22px 0 64px}.emptyStage{align-items:center;border:1px dashed #d5dce3;border-radius:8px;color:#8a97a7;display:flex;flex-direction:column;gap:10px;height:220px;justify-content:center;width:min(860px,80vw)}.jobArea{padding-top:4px}.jobFilters{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.jobFilters button{align-items:center;background:#ffffffdb;border:1px solid #e4e8ed;border-radius:8px;color:#1f2937;display:flex;gap:6px;height:36px;padding:0 13px}.jobFilters .breadcrumbButton{margin-right:auto}.jobLayout{display:block}.jobList{display:grid;gap:14px;margin:0 auto;max-width:1060px}.jobCard{background:#ffffffeb;border:1px solid #e4e9ef;border-radius:8px;box-shadow:0 10px 30px #1118270d;padding:18px}.jobCard.active{border-color:#00a7ce73;box-shadow:0 14px 36px #00687e1f}.jobStatusLine,.jobMeta,.jobActions,.phaseLine,.resultActions,.modalActions{align-items:center;display:flex}.jobStatusLine{color:#7b8794;font-size:13px;justify-content:space-between}.statusBadge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;gap:5px;height:24px;padding:0 9px}.statusBadge.processing,.statusBadge.submitting{background:#e9f7fb;color:#008db3}.statusBadge.success{background:#e9f8ef;color:#16803b}.statusBadge.failed{background:#fff0ef;color:#c23b32}.jobPrompt{color:#111827;font-size:20px;line-height:1.5;margin:16px 0 12px;max-height:230px;overflow:auto;padding-right:4px}.jobMeta{color:#6b7280;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:16px}.jobMeta span{background:#f2f4f7;border-radius:6px;padding:5px 8px}.videoPreview,.pendingPreview,.largePending{background:#eef2f5;border-radius:8px;overflow:hidden}.videoPreview video{aspect-ratio:16 / 9;display:block;width:100%}.imageResultGrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.imageResultGrid a{background:#eef2f5;border-radius:8px;display:block;overflow:hidden}.imageResultGrid img{aspect-ratio:1 / 1;display:block;height:100%;object-fit:contain;width:100%}.pendingPreview{align-items:center;color:#6d7b88;display:flex;gap:10px;height:240px;justify-content:center}.generatingPreview{background:linear-gradient(135deg,#ffffffeb,#f1f5f9db),repeating-linear-gradient(90deg,rgba(15,23,42,.04) 0 1px,transparent 1px 26px);border:1px solid #e4eaf0;color:#111827;gap:24px;justify-content:flex-start;overflow:hidden;padding:22px;position:relative}.generatingPreview:before{animation:previewGlow 2.8s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(10,166,200,.16),transparent);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translate(-100%)}.generatingStage{align-items:center;aspect-ratio:16 / 10;background:#0f172a;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0f;display:grid;flex:0 0 240px;justify-items:center;overflow:hidden;position:relative}.generatingStage:before{background:linear-gradient(transparent 0 48%,rgba(255,255,255,.14) 49% 51%,transparent 52%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px);content:"";top:0;right:0;bottom:0;left:0;opacity:.78;position:absolute}.generatingScan{animation:scanLine 2.4s linear infinite;background:linear-gradient(180deg,transparent,rgba(27,186,216,.55),transparent);height:44px;left:0;position:absolute;right:0;top:-48px}.generatingLogo{animation:logoPulse 1.8s ease-in-out infinite;background:#fffffff0;border-radius:8px;display:grid;height:68px;place-items:center;position:relative;width:68px;z-index:1}.generatingLogo img{display:block;height:48px;object-fit:contain;width:48px}.generatingBars{bottom:18px;display:grid;gap:6px;left:18px;position:absolute;right:18px;z-index:1}.generatingBars span{animation:barShimmer 1.4s ease-in-out infinite;background:#ffffff3d;border-radius:999px;height:5px;width:100%}.generatingBars span:nth-child(2){animation-delay:.16s;width:72%}.generatingBars span:nth-child(3){animation-delay:.32s;width:88%}.generatingBars span:nth-child(4){animation-delay:.48s;width:56%}.generatingCopy{display:grid;gap:9px;min-width:0;position:relative;z-index:1}.generatingCopy strong{color:#101827;font-size:18px}.generatingCopy span,.generatingCopy small{color:#6c7886;font-size:13px}.progressTrack{background:#dfe7ee;border-radius:999px;height:8px;margin-top:5px;overflow:hidden;width:min(360px,42vw)}.progressTrack i{background:linear-gradient(90deg,#111827,#0aa6c8,#e8b923);border-radius:inherit;display:block;height:100%;transition:width .35s ease}.progressTrack.indeterminate i{animation:indeterminateProgress 1.35s ease-in-out infinite}.pendingPreview.failed{background:#fff5f4;color:#bf342d;height:auto;justify-content:flex-start;min-height:58px;padding:14px 16px;text-align:left}.failureText{display:grid;gap:6px}.refundNotice{color:#167a52;font-size:13px;font-weight:700}.jobActions{gap:8px;margin-top:14px}.jobActions button,.resultActions button,.resultActions a{align-items:center;background:#f0f3f6;border-radius:7px;color:#1f2937;display:inline-flex;gap:6px;height:32px;padding:0 10px;text-decoration:none}.jobInspector{min-width:0}.inspectorPanel{background:#fffffff0;border:1px solid #e4e9ef;border-radius:8px;padding:18px;position:sticky;top:18px}.inspectorHeader{align-items:center;display:flex;justify-content:space-between}.inspectorHeader>span{font-weight:700}.inspectorSummary{color:#111827;font-size:16px;line-height:1.55;margin:18px 0 14px}.phaseLine{color:#4b5563;flex-wrap:wrap;font-size:14px;gap:12px;margin-bottom:16px}.largePending{align-items:center;color:#9aa5b1;display:flex;flex-direction:column;gap:10px;height:260px;justify-content:center}.resultBlock video{aspect-ratio:16 / 9;background:#0b1016;border-radius:8px;display:block;width:100%}.resultActions{gap:8px;margin-top:10px}.inlineResultActions{justify-content:flex-end}.payloadBlock{border-top:1px solid #edf0f4;margin-top:18px;padding-top:14px}.payloadBlock span{color:#8190a0;display:block;font-size:12px;margin-bottom:6px}.payloadBlock p{color:#374151;line-height:1.5;margin:0}.assetGrid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.assetMini{align-items:center;background:#f5f7f9;border-radius:7px;color:#4b5563;display:flex;gap:6px;min-width:0;padding:8px}.assetMini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composerWrap{bottom:28px;left:50%;max-width:1060px;position:fixed;transform:translate(-50%);width:calc(100vw - 68px);z-index:20}.composer{align-items:stretch;background:#fffffff0;border:1px solid rgba(220,225,231,.9);border-radius:28px;box-shadow:0 24px 70px #1118271f;display:flex;gap:18px;min-height:176px;padding:26px 24px 18px}.addTile{align-items:center;align-self:flex-start;background:#eef0f2;border-radius:6px;color:#8b96a3;display:flex;flex-direction:column;gap:6px;height:86px;justify-content:center;transform:rotate(-7deg);width:64px}.addTile span{font-size:12px}.composerMain{display:flex;flex:1;flex-direction:column;min-width:0;position:relative}.referenceStrip{align-items:center;display:flex;gap:8px;min-height:42px;overflow-x:auto;padding-bottom:4px}.referenceChip{align-items:center;background:#f5f7f9;border:1px solid #e6ebf0;border-radius:8px;display:flex;flex:0 0 auto;gap:8px;max-width:260px;min-height:40px;padding:6px}.referenceChip.needsRemote{background:#fff8ed;border-color:#f1d4a8}.thumbButton{align-items:center;background:#e8edf2;border-radius:6px;color:#4b5563;display:grid;height:36px;overflow:hidden;place-items:center;width:42px}.thumbButton img{height:100%;object-fit:cover;width:100%}.refFields{display:grid;gap:2px;min-width:80px}.refFields input{background:transparent;border:0;color:#1f2937;font-size:13px;min-width:72px;outline:0;width:100%}.refFields span,.remoteInput::placeholder{color:#8a96a3;font-size:11px}.remoteInput{color:#8a4b00!important;width:145px!important}.removeRef{align-items:center;background:transparent;color:#8b96a3;display:grid;height:24px;place-items:center;width:24px}.smallAdd,.linkAdd{align-items:center;background:#edf7fa;border-radius:8px;color:#008db3;display:inline-flex;flex:0 0 auto;gap:5px;height:34px;padding:0 10px}.linkAdd{background:#f2f4f7;color:#4b5563}textarea{background:transparent;border:0;color:#24303d;flex:1;font-size:19px;line-height:1.65;min-height:82px;outline:0;resize:none;width:100%}textarea::placeholder{color:#97a3b0}.composerFooter{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:10px}.leftControls,.rightControls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.selectControl{align-items:center;color:#1f2937;display:inline-flex;gap:6px;height:34px;position:relative}.selectControl select{cursor:pointer;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.selectControl span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iconText,.audioToggle{align-items:center;color:#1f2937;display:inline-flex;gap:6px;height:34px}.iconText{background:transparent}.audioToggle input{accent-color:#00a6c8}.costPill{background:#f4f7fa;border:1px solid #e4eaf0;border-radius:999px;color:#66717f;font-size:13px;font-weight:700;height:34px;line-height:32px;padding:0 12px;white-space:nowrap}.submitButton{align-items:center;background:#dfe3e8;border-radius:999px;color:#fff;display:grid;height:52px;place-items:center;width:52px}.submitButton:not(:disabled){background:#0aa6c8;box-shadow:0 12px 24px #00a6c83d}.submitButton:disabled{cursor:not-allowed}.mentionMenu{background:#fff;border:1px solid #e1e7ed;border-radius:8px;bottom:58px;box-shadow:0 18px 50px #11182724;display:grid;gap:4px;min-width:220px;padding:8px;position:absolute;right:180px;z-index:30}.mentionHeader{align-items:center;color:#7b8794;display:flex;font-size:12px;justify-content:space-between;padding:4px 6px}.mentionHeader button,.modalHeader button{background:transparent}.mentionMenu>button{align-items:center;background:transparent;border-radius:6px;color:#1f2937;display:flex;gap:8px;height:34px;padding:0 8px;text-align:left}.mentionMenu>button:hover{background:#f1f5f8}.errorToast{align-items:center;background:#1f2937;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 18px 40px #11182738;color:#fff;display:flex;gap:12px;justify-content:space-between;left:50%;max-width:780px;padding:12px 14px;position:absolute;transform:translate(-50%);width:max-content}.errorToast button{align-items:center;background:#ffffff1f;border-radius:999px;color:#fff;display:grid;height:24px;place-items:center;width:24px}.modalBackdrop{align-items:center;background:#1118275c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:50}.urlModal,.authModal,.adminModal,.announcementModal{background:#fffdf7;border-radius:8px;box-shadow:0 24px 90px #59401a38;display:grid;gap:16px;padding:20px;width:430px}.authModal{width:390px}.adminModal{max-height:min(760px,calc(100vh - 60px));overflow:auto;width:620px}.announcementBackdrop{background:radial-gradient(circle at 50% 42%,rgba(212,169,31,.18),transparent 28%),#36281461}.announcementModal{gap:0;overflow:hidden;padding:0;width:min(520px,calc(100vw - 40px))}.announcementHeader{align-items:center;background:linear-gradient(135deg,#3e2c13,#6e4d12);color:#fff;display:flex;justify-content:space-between;padding:18px 20px}.announcementHeader>div{align-items:center;display:flex;gap:10px}.announcementHeader button{align-items:center;background:#ffffff1f;border-radius:999px;color:#fff;display:grid;height:30px;place-items:center;width:30px}.announcementBody{color:var(--ink);font-size:15px;line-height:1.75;max-height:46vh;overflow:auto;padding:22px 22px 18px;white-space:pre-wrap}.announcementModal .modalActions{border-top:1px solid rgba(161,128,54,.18);padding:14px 18px 18px}.modalHeader{align-items:center;display:flex;justify-content:space-between}.segmented{background:#f1f4f7;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:4px}.segmented button{align-items:center;background:transparent;border-radius:6px;color:#596676;display:flex;gap:5px;height:36px;justify-content:center}.segmented button.selected{background:#fff;color:#111827;box-shadow:0 3px 10px #11182714}.urlModal label,.authModal label,.adminModal label{color:#596676;display:grid;font-size:13px;gap:6px}.urlModal input,.authModal input,.adminModal input{border:1px solid #dfe5eb;border-radius:7px;height:38px;outline:0;padding:0 10px}.urlModal input:focus,.authModal input:focus,.adminModal input:focus,.adminModal textarea:focus{border-color:#0aa6c8}.adminModal textarea{background:#fff;border:1px solid #dfe5eb;border-radius:7px;color:#1f2937;flex:initial;font-size:14px;line-height:1.55;min-height:126px;outline:0;padding:10px;resize:vertical;width:100%}.modalHint,.formError,.formSuccess{font-size:13px;line-height:1.5;margin:0}.modalHint{color:#7a8795}.formError{color:#bf342d}.formSuccess{color:#16803b}.channelStatus{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.channelStatus div{background:#f5f7f9;border:1px solid #e6ebf0;border-radius:8px;display:grid;gap:5px;padding:12px}.channelStatus span{color:#768391;font-size:12px}.channelStatus strong{color:#111827;font-size:14px}.adminSectionTitle{border-top:1px solid #edf0f4;color:#111827;font-size:14px;font-weight:800;padding-top:14px}.adminSectionTitle:first-of-type{border-top:0;padding-top:0}.userCreditList{display:grid;gap:8px}.userCreditRow{align-items:center;background:#f7f9fb;border:1px solid #e6ebf0;border-radius:8px;display:flex;gap:12px;justify-content:space-between;min-height:58px;padding:10px 12px}.userCreditRow strong,.userCreditRow span{display:block}.userCreditRow strong{color:#111827;font-size:14px}.userCreditRow span,.userCreditRow em{color:#7a8795;font-size:12px;font-style:normal;margin-top:3px}.creditControls{align-items:center;display:flex;gap:8px}.creditControls input{background:#fff;border:1px solid #dfe5eb;border-radius:7px;height:34px;outline:0;padding:0 9px;width:112px}.creditControls button{background:#111827;border-radius:7px;color:#fff;height:34px;padding:0 12px}.modalActions{gap:8px;justify-content:flex-end}.modalActions button{border-radius:7px;height:36px;padding:0 14px}.modalActions button:first-child{background:#f1f4f7}.modalActions button:last-child{background:#111827;color:#fff}.modalActions button:disabled{background:#dfe3e8;cursor:not-allowed}button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,filter .18s ease,transform .18s ease}button:not(:disabled):hover{filter:saturate(1.04);transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:0 0 0 3px #0aa6c829}.appShell{color:var(--ink);position:relative}.appShell:before{background:linear-gradient(90deg,rgba(255,255,255,.7),transparent 35%,rgba(255,255,255,.5)),linear-gradient(180deg,rgba(10,166,200,.04),transparent 420px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:-1}.topBar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fcfbcc;border-bottom:1px solid rgba(209,222,232,.72);box-shadow:0 10px 28px #1f31410d;position:sticky;top:0;z-index:20}.brandMark{background:linear-gradient(145deg,#fff,#edf9f7);border-color:#0aa6c82e;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #0aa6c81c}.brand strong{color:var(--brand-ink);letter-spacing:0}.brand span{color:var(--muted)}.searchBox,.keyBox,.topActionButton,.userPill,.balancePill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border-color:var(--line);box-shadow:0 8px 20px #1f31410a}.searchBox:focus-within,.keyBox:focus-within{border-color:#0aa6c87a;box-shadow:0 0 0 3px #0aa6c81c,0 10px 24px #1f31410f}.topActionButton.strong{background:linear-gradient(135deg,#102a33,#0b6f82);border-color:#0b6f828c}.workspace{max-width:1500px;padding-top:18px}.modeSwitch{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffad;border-color:var(--line);box-shadow:inset 0 1px #ffffffb8,0 12px 28px #1f31410d}.modeSwitch button{color:var(--muted)}.modeSwitch button.selected{background:linear-gradient(135deg,#fff,#f1fbf9);box-shadow:0 8px 18px #1f314114,inset 0 0 0 1px #0aa6c814;color:var(--brand-ink)}.pairWorkbench,.settingsWorkbench,.usageWorkbench,.inferenceWorkbench{gap:18px}.storyboardTotal{background:#ffffffc7;border-color:var(--line);box-shadow:var(--shadow-soft)}.pairLayout{gap:18px;grid-template-columns:minmax(0,1fr) 270px}.pairList{gap:18px}.promptPair,.inferenceToolbar,.inferenceInputPanel,.inferenceOutputPanel,.settingsPanel,.usageHeader,.usageRecord,.emptyUsage,.pairSidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-soft)}.promptPair{padding:12px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.promptPair:hover{border-color:#0aa6c842;box-shadow:var(--shadow);transform:translateY(-1px)}.pairIndex{background:linear-gradient(135deg,#e8f7f4fa,#e8f7fffa);border-color:#0aa6c833;color:var(--accent-strong);box-shadow:inset 0 1px #ffffffd1}.promptPair label,.rangeControl,.inputRow label,.templateHeader span{color:#3d4e5f}.promptPair textarea,.rangeControl input,.rangeControl select,.compactField input,.compactField select,.inferenceOptions input,.inferenceWorkbench textarea,.settingsWorkbench .templateTextarea,.inferenceWorkbench .templateTextarea,.urlModal input,.authModal input,.adminModal input,.adminModal textarea,.creditControls input{background:#fafdfde0;border-color:#869aae4d;color:var(--ink);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.promptPair textarea{min-height:300px;box-shadow:inset 0 1px 2px #1f314108}.promptPair textarea:hover,.rangeControl input:hover,.rangeControl select:hover,.compactField input:hover,.compactField select:hover,.inferenceOptions input:hover,.inferenceWorkbench textarea:hover,.settingsWorkbench .templateTextarea:hover,.inferenceWorkbench .templateTextarea:hover{border-color:#0aa6c857}.promptPair textarea:focus,.rangeControl input:focus,.rangeControl select:focus,.compactField input:focus,.compactField select:focus,.inferenceOptions input:focus,.inferenceWorkbench textarea:focus,.settingsWorkbench .templateTextarea:focus,.inferenceWorkbench .templateTextarea:focus,.urlModal input:focus,.authModal input:focus,.adminModal input:focus,.adminModal textarea:focus,.creditControls input:focus{background:#fff;border-color:#0aa6c8b8;box-shadow:0 0 0 3px #0aa6c824,0 10px 24px #1f31410f}.pairActions button,.addPairButton,.inferAllButton,.templateSaveButton,.inferenceActions .primaryAction{box-shadow:0 10px 20px #0a617429}.pairActions button:not(.copyPromptButton),.inferAllButton,.templateSaveButton{background:linear-gradient(135deg,#102a33,#0b7185)}.addPairButton,.inferenceActions .primaryAction{background:linear-gradient(135deg,#17a585,#0aa6c8)}.pairActions .copyPromptButton,.exportPromptsButton,.templateHeader button,.inferenceActions button,.outputActions button,.panelActions button{background:#ffffffdb;border:1px solid var(--line);color:#213242}.pairActions .copyPromptButton.copied{background:linear-gradient(135deg,#e8f7ef,#effcf8);border-color:#2eb67d52;color:#0b7a42}.importDocumentButton{background:linear-gradient(135deg,#eaf8f1,#eaf9fb);border:1px solid rgba(46,182,125,.22);color:#176235}.clearStoryboardButton{background:linear-gradient(135deg,#fff4f2,#fff8f6);border:1px solid rgba(180,35,24,.16);color:var(--danger)}.pairSidebar{gap:14px;padding:14px;top:90px}.pairSidebarHeader{border-bottom-color:#869aae2e}.pairSidebarHeader strong{color:var(--brand-ink)}.sidebarActions{gap:10px}.pairImportStatus{border:1px solid transparent}.pairImportStatus.success{border-color:#2eb67d29}.pairImportStatus.failed{border-color:#b4231829}.pairSidebarHint,.usageHeader span,.outputHeader span,.modalHint{color:var(--muted)}.settingsPanel{padding:16px}.templateEditor,.inferenceOptions,.outputHeader{border-color:#869aae2e}.settingsWorkbench .templateTextarea,.inferenceWorkbench .templateTextarea{min-height:min(720px,68vh)}.usageRecord,.channelStatus div,.userCreditRow{background:#ffffffb8;border-color:var(--line)}.modalBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.appShell:before{background:linear-gradient(90deg,rgba(255,253,247,.64),transparent 38%,rgba(255,250,236,.7)),linear-gradient(180deg,rgba(212,169,31,.08),transparent 420px)}.topBar{background:#faf4e3d6;border-bottom-color:#b0892f2e;box-shadow:0 12px 32px #59401a14}.brandMark{background:linear-gradient(145deg,#fffdf7,#f4e5bd);border-color:#d4a91f4d;box-shadow:inset 0 1px #fffffff0,0 10px 22px #976f1821}.brand strong{color:var(--brown)}.brand span{color:#8d7e65}.searchBox,.keyBox,.topActionButton,.userPill,.balancePill{background:#fffdf7c7;border-color:#a1803638;box-shadow:0 8px 22px #59401a0d}.searchBox:focus-within,.keyBox:focus-within{border-color:#d4a91f9e;box-shadow:0 0 0 3px #d4a91f24,0 10px 24px #59401a14}.topActionButton.strong,.modalActions button:last-child,.creditControls button{background:linear-gradient(135deg,#4a3517,#7a5616);border-color:#7a561680}.userPill{background:#f1f4e5;border-color:#6676503d;color:#566743}.balancePill{background:#fff4cf;border-color:#d4a91f57;color:#8a6505}.modeSwitch{background:#fffdf7b8;border-color:#a180362e;box-shadow:inset 0 1px #ffffffd1,0 14px 28px #59401a0f}.modeSwitch button{color:#81745f}.modeSwitch button.selected{background:linear-gradient(135deg,#fffdf8,#f8edcf);box-shadow:0 8px 18px #59401a17,inset 0 0 0 1px #d4a91f2e;color:var(--brown)}.workspace{max-width:1520px}.pairLayout{align-items:start;gap:20px;grid-template-columns:minmax(0,1fr) 292px}.pairList{gap:20px}.promptPair,.inferenceToolbar,.inferenceInputPanel,.inferenceOutputPanel,.settingsPanel,.usageHeader,.usageRecord,.emptyUsage,.pairSidebar{background:linear-gradient(180deg,#fffdf8f0,#fffbefe0);border-color:#a1803633;box-shadow:var(--shadow-soft)}.promptPair{border-radius:10px;padding:14px}.promptPair:hover{border-color:#d4a91f61;box-shadow:var(--shadow)}.pairIndex{background:linear-gradient(135deg,#fff4cf,#f6e2a8);border-color:#d4a91f5c;color:#8a6505}.storyboardTotal{background:#fffdf7d1;border-color:#a1803633}.storyboardTotal strong{color:var(--accent-strong)}.promptPair label,.rangeControl,.inputRow label,.templateHeader span,.compactField,.inferenceOptions label,.adminModal label{color:#5f513c}.promptPair textarea,.rangeControl input,.rangeControl select,.compactField input,.compactField select,.inferenceOptions input,.inferenceWorkbench textarea,.settingsWorkbench .templateTextarea,.inferenceWorkbench .templateTextarea,.urlModal input,.authModal input,.adminModal input,.adminModal textarea,.creditControls input{background:#fffef9e6;border-color:#9d804147;color:var(--ink)}.promptPair textarea{box-shadow:inset 0 1px 2px #59401a0a}.promptPair textarea::placeholder,.rangeControl input::placeholder,.adminModal input::placeholder,.adminModal textarea::placeholder{color:#aa9b82}.promptPair textarea:hover,.rangeControl input:hover,.rangeControl select:hover,.compactField input:hover,.compactField select:hover,.inferenceOptions input:hover,.inferenceWorkbench textarea:hover,.settingsWorkbench .templateTextarea:hover,.inferenceWorkbench .templateTextarea:hover{border-color:#d4a91f70}.promptPair textarea:focus,.rangeControl input:focus,.rangeControl select:focus,.compactField input:focus,.compactField select:focus,.inferenceOptions input:focus,.inferenceWorkbench textarea:focus,.settingsWorkbench .templateTextarea:focus,.inferenceWorkbench .templateTextarea:focus,.urlModal input:focus,.authModal input:focus,.adminModal input:focus,.adminModal textarea:focus,.creditControls input:focus{background:#fffef9;border-color:#d4a91fc2;box-shadow:0 0 0 3px #d4a91f29,0 10px 24px #59401a14}.pairActions button,.addPairButton,.inferAllButton,.templateSaveButton,.inferenceActions .primaryAction{box-shadow:0 12px 22px #75531129}.pairActions button:not(.copyPromptButton),.inferAllButton,.templateSaveButton{background:linear-gradient(135deg,#4a3517,#725012)}.addPairButton,.inferenceActions .primaryAction,.submitButton{background:linear-gradient(135deg,#d9b12c,#b9890d);color:#fffdf5}.pairActions .copyPromptButton,.exportPromptsButton,.templateHeader button,.inferenceActions button,.outputActions button,.panelActions button{background:#fffdf7e6;border-color:#a1803633;color:#4d3a1f}.pairActions .copyPromptButton.copied,.importDocumentButton,.pairImportStatus.success{background:linear-gradient(135deg,#f1f4e5,#f9f5df);border-color:#6676503d;color:#566743}.clearStoryboardButton,.pairImportStatus.failed{background:linear-gradient(135deg,#fff2ef,#fff8ed);border-color:#b4231829;color:var(--danger)}.pairSidebar{border-radius:10px;gap:15px;padding:15px;top:92px}.pairSidebarHeader{border-bottom-color:#a180362e;color:#6f6049}.sidebarCostNote{background:#d4a91f1a;border-color:#d4a91f33;color:#805f08}.sidebarErrorNote,.workspaceError{background:#fff2ef;border-color:#b4231833;color:#a32920}.templateEditor,.inferenceOptions,.outputHeader,.settingsSectionTitle,.adminSectionTitle{border-color:#a180362e}.settingsSectionTitle,.adminSectionTitle,.usageHeader strong,.outputHeader strong,.channelStatus strong,.userCreditRow strong{color:var(--brown)}.usageRecord,.channelStatus div,.userCreditRow{background:#fffdf7b8;border-color:#a180362e}.composer{background:linear-gradient(180deg,#fffdf8f5,#fffaedeb);border-color:#a1803638;box-shadow:0 24px 70px #59401a29}.composer textarea{color:var(--ink)}.costPill{background:#fff4cf;border-color:#d4a91f57;color:#805f08!important}.adminModal,.authModal,.urlModal{background:#fffdf7;border-color:#a1803638}.modalBackdrop{background:#3628145c}*{scrollbar-color:rgba(150,112,27,.5) rgba(255,248,229,.7)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#fff8e5b8}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a91fb8,#805f089e);border:2px solid rgba(255,248,229,.86);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d4a91fe6,#805f08c2)}button:disabled,.pairActions button:disabled,.inferAllButton:disabled,.addPairButton:disabled,.templateSaveButton:disabled,.submitButton:disabled{background:#e5dcc5;color:#a1947b;box-shadow:none}.rangeControl select,.compactField select{cursor:pointer}.promptPair textarea,.inferenceWorkbench textarea,.settingsWorkbench .templateTextarea,.inferenceWorkbench .templateTextarea{caret-color:var(--accent-strong);line-height:1.68}.pairSidebarHint{border-top:1px solid rgba(161,128,54,.14);padding-top:10px}.workspaceError button,.sidebarErrorNote button{box-shadow:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #d4a91f33}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes previewGlow{50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes scanLine{to{transform:translateY(250px)}}@keyframes logoPulse{50%{transform:scale(1.04)}}@keyframes barShimmer{50%{opacity:.45;transform:scaleX(.94)}}@keyframes indeterminateProgress{0%{transform:translate(-120%)}to{transform:translate(330%)}}@media(max-width:1080px){.inferenceToolbar,.inferenceGrid,.pairLayout,.promptPair,.settingsGrid,.templateControls,.inputRow.split,.inferenceOptions{grid-template-columns:1fr}.pairSidebar{position:static}.storyboardList{max-height:none}.jobLayout{grid-template-columns:1fr}.jobInspector{display:none}.composerWrap{width:calc(100vw - 32px)}.composer{border-radius:20px}}@media(max-width:900px){.topBar{align-items:stretch;gap:14px;height:auto;padding:14px 18px}.topTools{flex-wrap:wrap;width:100%}.searchBox,.keyBox{flex:1 1 220px}.searchBox input,.keyBox input{width:100%}.workspace{padding:16px 18px 0}.modeSwitch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.modeSwitch button{justify-content:center}.pairWorkbenchHeader{align-items:stretch}.storyboardTotal{justify-content:center;width:100%}.pairSidebar{order:-1;top:0}.sidebarActions{grid-template-columns:repeat(2,minmax(0,1fr))}.rangeControl{min-width:0}.templateControls,.inferenceOptions{grid-template-columns:1fr}.templateSaveButton,.inferenceActions .primaryAction{width:100%}}@media(max-width:640px){.topBar{padding:12px}.brand{min-width:0}.brand strong{font-size:15px}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{padding:12px 12px 0}.modeSwitch{grid-template-columns:1fr}.promptPair{gap:12px;padding:10px}.promptPair textarea{min-height:220px}.pairActions,.inferenceActions,.outputActions,.panelActions,.usageHeader,.composerFooter{align-items:stretch;flex-direction:column}.pairActions button,.inferenceActions button,.outputActions button,.panelActions button,.usageHeader button{justify-content:center;width:100%}.sidebarActions{grid-template-columns:1fr}.settingsPanel,.inferenceInputPanel,.inferenceOutputPanel,.usageHeader,.usageRecord,.emptyUsage,.pairSidebar{padding:12px}.settingsWorkbench .templateTextarea,.inferenceWorkbench .templateTextarea{min-height:420px}.composerWrap{width:calc(100vw - 24px)}}