:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;--bg: #030303;--bg-elevated: #0b0c0d;--surface: #111214;--surface-2: #191a1c;--surface-3: #202124;--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .23);--text: #f4f4f5;--text-soft: #d1d1d6;--muted: #929298;--muted-2: #65656c;--accent: #f97316;--accent-strong: #ff8426;--success: #3ac778;--danger: #ef5a5a;--focus: #fb923c;--header-height: 84px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-elevated: 0 22px 60px rgba(0, 0, 0, .48)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,select,textarea,input{font:inherit}button,select{color:inherit}button{border:0}button:not(:disabled),select:not(:disabled),summary{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}.app-shell{min-height:100dvh;background:var(--bg)}.app-header{position:relative;z-index:20;display:flex;align-items:center;min-height:var(--header-height);padding:0 26px;border-bottom:1px solid var(--line);background:#030303f5}.brand{display:flex;min-width:194px;align-items:center;gap:10px}.brand__mark{width:54px;height:42px;object-fit:contain}.brand__name{font-size:18px;font-weight:650;letter-spacing:-.02em}.header-divider{width:1px;height:42px;margin:0 22px 0 0;background:var(--line)}.header-divider--short{height:34px;margin-inline:16px}.context-select{display:grid;min-width:174px;gap:6px}.context-select>span{color:var(--muted);font-size:12px}.context-select__control{position:relative;display:flex;align-items:center}.context-select__control select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);font-size:14px;line-height:1.2;padding:0 24px 0 0}.context-select__control svg{position:absolute;right:0;width:15px;height:15px;pointer-events:none;color:var(--muted)}.context-select--project{min-width:218px}.mode-switcher{display:flex;align-items:center;gap:3px;margin-left:24px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#0c0d0e}.mode-switcher button{min-width:48px;padding:8px 12px;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.mode-switcher button:hover{color:var(--text);background:#17181a}.mode-switcher button.is-active{background:#26211d;color:#ffaf71;box-shadow:inset 0 0 0 1px #f9731657}.header-actions{display:flex;align-items:center;gap:11px;margin-left:auto}.save-state,.role-chip,.job-summary{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px}.save-state{color:var(--muted)}.save-state svg{width:15px;height:15px;color:var(--success)}.role-chip{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--text-soft);text-transform:capitalize}.role-chip svg{color:#f0a66f}.job-summary{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);background:#111214;color:var(--text-soft)}.icon-button,.avatar-button{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:9px;background:transparent;color:var(--muted);transition:color .14s ease,background .14s ease}.icon-button:hover,.avatar-button:hover{background:var(--surface-2);color:var(--text)}.icon-button svg{width:21px;height:21px}.icon-button--small{width:30px;height:30px}.avatar-button{overflow:hidden;border:1px solid var(--line-strong);border-radius:50%}.avatar-button img,.avatar-button>svg{width:100%;height:100%;object-fit:cover}.scenario-menu{position:relative}.scenario-popover{position:absolute;top:calc(100% + 12px);right:0;width:320px;padding:18px;border:1px solid var(--line-strong);border-radius:14px;background:#141517fa;box-shadow:var(--shadow-elevated)}.scenario-popover__heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.scenario-popover__heading div{display:grid;gap:4px}.scenario-popover__heading strong{font-size:15px}.scenario-popover__heading span,.scenario-popover__hint{color:var(--muted);font-size:12px;line-height:1.6}.scenario-popover fieldset,.role-control{margin:0;padding:0;border:0}.scenario-popover legend,.role-control>span{display:block;margin-bottom:8px;color:var(--text-soft);font-size:12px}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:16px}.scenario-grid button{min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px}.scenario-grid button:hover,.scenario-grid button.is-active{border-color:#f97316a6;color:#ffaf71;background:#211810}.role-control{display:block}.role-control select,.inspector-fields select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 10px;font-size:13px}.scenario-popover__hint{margin-top:14px}.app-workspace{position:relative;height:calc(100dvh - var(--header-height));min-height:0}.mode-loading{display:grid;height:100%;place-items:center;background:#08090a;color:var(--muted);font-size:13px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;letter-spacing:.04em}.eyebrow svg{width:15px;height:15px;color:var(--accent)}.section-heading,.selling-point-heading,.generation-heading{display:flex;align-items:flex-start;justify-content:space-between}.section-heading h2,.generation-heading h1,.results-main h1,.results-brief h2,.node-inspector h2{font-weight:540;letter-spacing:-.025em}.section-heading h2{margin-top:6px;font-size:20px}.confirmed-chip{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:12px}.confirmed-chip svg{width:16px;height:16px}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#151618;padding:0 14px;color:var(--text-soft);font-size:13px;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong);background:#1d1e21;color:var(--text)}.button svg{width:18px;height:18px}.button--primary{border-color:#ff8b32;background:var(--accent-strong);color:#160a02;font-weight:680}.button--primary:hover:not(:disabled){background:#ff9344;color:#130802}.button--secondary{background:#111214}.button--quiet{min-height:32px;padding-inline:10px;border-color:#ffffff17;background:#070809db;font-size:12px}.button--large{min-height:48px;padding-inline:23px;font-size:14px}.button--block{width:100%}.selling-point-heading{align-items:center;margin:24px 0 12px}.selling-point-heading h3,.inspector-progress h3{font-size:15px;font-weight:560}.selling-point-heading button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--muted);font-size:12px}.selling-point-heading button:hover:not(:disabled){color:var(--text)}.selling-points{display:grid;gap:0;margin:0;padding:0;list-style:none}.selling-points li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;min-height:70px;gap:10px;border-top:1px solid var(--line)}.selling-points li>svg:first-child{width:24px;height:24px;color:#f0a66f}.selling-points li>svg:last-child{width:18px;height:18px;color:var(--success)}.selling-points li>div{display:grid;gap:4px}.selling-points strong{color:var(--text-soft);font-size:13px;font-weight:560}.selling-points span{overflow:hidden;color:var(--muted);font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.selling-points li>button{background:transparent;color:var(--muted);font-size:11px}.selling-points li>button:hover{color:var(--accent)}.selling-points--compact li{min-height:58px}.selling-points--compact li>svg:first-child{width:21px;height:21px}.status-badge{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.status-badge svg{width:15px;height:15px}.status-badge strong{color:currentColor;font-weight:600}.status-badge--success{color:var(--success)}.status-badge--running{color:var(--accent)}.status-badge--error{color:var(--danger)}.output-actions{display:flex;gap:5px}.output-actions--minimal .button{width:31px;min-height:29px;padding:0}.output-actions--minimal .button svg{width:15px;height:15px}.is-muted{filter:brightness(.48) saturate(.68) blur(1.5px)}.is-spinning{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guided-mode{display:grid;width:calc(100% - 44px);height:calc(100% - 40px);grid-template-columns:196px 370px minmax(0,1fr);margin:20px 22px;overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:#08090a;box-shadow:0 26px 80px #00000047}.step-rail{position:relative;overflow:hidden;border-right:1px solid var(--line);background-color:#07090a;background-image:url(/assets/brand/maginecanvas-bg.jpeg);background-position:center;background-size:cover;background-blend-mode:multiply}.step-rail ol{position:absolute;top:48px;right:0;bottom:48px;left:0;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0 18px;list-style:none}.step-rail li{position:relative}.step-rail li:not(:last-child):after{position:absolute;top:46px;left:22px;width:1px;height:calc(100% + 80px);background:#ffffff24;content:""}.step-rail button{position:relative;z-index:1;display:grid;width:100%;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:0;background:transparent;text-align:left}.step-rail__number{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#111315;color:var(--text-soft);font-size:17px;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.step-rail__copy{display:grid;gap:7px}.step-rail__copy strong{font-size:13px;font-weight:560}.step-rail__copy>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.step-rail__copy svg{width:13px;height:13px}.step-rail li.is-complete .step-rail__copy svg{color:var(--success)}.step-rail li.is-selected .step-rail__number{border-color:var(--accent);color:#fff;box-shadow:0 0 20px #f9731670}.step-rail li.is-selected .step-rail__copy>span,.step-rail li.is-selected .step-rail__copy svg{color:var(--accent)}.guided-product{overflow-y:auto;padding:30px 24px;border-right:1px solid var(--line)}.product-hero{height:min(46vh,430px);min-height:280px;margin-top:18px;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:#111214}.product-hero img{width:100%;height:100%;object-fit:cover}.guided-generation{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr) 86px;overflow:hidden}.generation-heading{padding:28px 24px 20px}.generation-heading h1{margin-top:8px;color:var(--text-soft);font-size:15px;font-weight:450}.job-id{color:var(--muted-2);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.guided-output-grid{position:relative;display:grid;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 22px}.guided-output-card{display:grid;min-width:0;grid-template-rows:minmax(0,1fr) 54px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#0a0b0c;transition:border-color .14s ease,box-shadow .14s ease}.guided-output-card.is-selected,.guided-output-card:hover{border-color:#f973169e;box-shadow:0 0 24px #f973161f}.guided-output-card__select{display:grid;min-height:0;grid-template-rows:56px minmax(0,1fr);padding:0;background:transparent;color:inherit;text-align:left}.guided-output-card__topline{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.guided-output-card__topline>strong{font-size:18px;font-weight:520}.guided-output-card__media{position:relative;display:block;min-height:0;overflow:hidden}.guided-output-card__media>img{width:100%;height:100%;object-fit:cover}.progress-orbit,.queue-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#03030352;color:#fff;text-align:center}.progress-orbit>svg{width:72px;height:72px;padding:8px;border:2px solid rgba(255,255,255,.32);border-radius:50%;color:var(--accent)}.progress-orbit strong{margin-top:-62px;font-size:26px;font-weight:500}.progress-orbit small{margin-top:26px;color:var(--text-soft);font-size:12px}.queue-message>svg{width:48px;height:48px;padding:10px;border:2px solid var(--muted);border-radius:50%;color:var(--text-soft)}.queue-message strong{font-size:15px}.queue-message small{color:var(--muted);font-size:11px}.guided-output-card__download{width:calc(100% - 16px);margin:8px}.guided-actions{display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-top:1px solid var(--line)}.guided-actions>span{color:var(--muted);font-size:12px}.guided-actions>span strong{color:var(--text-soft)}.guided-actions>div{display:flex;gap:12px}.modal-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-dialog{width:min(460px,calc(100vw - 32px));padding:26px;border:1px solid var(--line-strong);border-radius:16px;background:#151618;box-shadow:var(--shadow-elevated)}.edit-dialog h3{margin:8px 0 22px;font-size:20px}.edit-dialog label{display:grid;gap:8px;color:var(--text-soft);font-size:13px}.edit-dialog textarea{min-height:116px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:#0c0d0e;color:var(--text);padding:12px;line-height:1.6}.edit-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.output-preview-dialog{width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:24px;border:1px solid var(--line-strong);border-radius:16px;background:#151618;box-shadow:var(--shadow-elevated)}.output-preview-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.output-preview-dialog__header h2{margin-top:7px;font-size:22px}.output-preview-dialog__body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:22px;padding-top:22px}.output-preview-dialog__body>img{width:100%;height:min(56vh,520px);border:1px solid var(--line);border-radius:10px;background:#090a0b;object-fit:contain}.output-preview-dialog__details{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:18px}.output-preview-dialog__details>p{color:var(--muted);font-size:12px;line-height:1.65}.output-preview-dialog__details dl{display:grid;width:100%;gap:12px;margin:0}.output-preview-dialog__details dl>div{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.output-preview-dialog__details dt{color:var(--muted);font-size:11px}.output-preview-dialog__details dd{margin:0;overflow-wrap:anywhere;color:var(--text-soft);font-size:13px}@media(max-width:720px){.output-preview-dialog{padding:18px}.output-preview-dialog__body{grid-template-columns:1fr}.output-preview-dialog__body>img{height:min(48vh,420px)}}.node-mode{display:grid;height:100%;grid-template-columns:90px minmax(0,1fr) 306px;overflow:hidden;background:#050606}.node-sidebar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:16px 10px;border-right:1px solid var(--line);background:#08090a}.node-sidebar button{display:grid;min-height:76px;place-items:center;align-content:center;gap:8px;border-radius:10px;background:transparent;color:var(--muted);font-size:11px}.node-sidebar button:hover{background:var(--surface);color:var(--text-soft)}.node-sidebar button.is-active{background:#211a14;color:var(--accent);box-shadow:inset 0 0 0 1px #f973162e}.node-sidebar svg{width:23px;height:23px}.node-canvas{position:relative;min-width:0;overflow:hidden;background-color:#050606;background-image:url(/assets/brand/maginecanvas-bg.jpeg);background-position:center;background-size:cover;background-blend-mode:multiply}.node-canvas .react-flow{background:#0202039e}.node-canvas .react-flow__node{border-radius:10px}.node-canvas .react-flow__handle{width:8px;height:8px;border:2px solid #1a0d04;background:var(--accent)}.node-canvas .react-flow__edge-path{filter:drop-shadow(0 0 6px rgba(249,115,22,.25))}.flow-card{overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:#161719f7;box-shadow:0 16px 36px #0000005c;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.flow-card.is-selected{border-color:#ffc085;box-shadow:0 0 0 1px #f973168f,0 0 28px #f9731642}.flow-card header{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border-bottom:1px solid var(--line)}.flow-card header>strong{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:580}.flow-card header>svg,.flow-card header strong svg{width:15px;height:15px;color:var(--success)}.flow-card--product{width:174px}.flow-card--product>img{width:100%;height:210px;object-fit:cover}.flow-card--points{width:190px}.flow-card--points .selling-points{padding:3px 12px 8px}.flow-card--points .selling-points li{min-height:43px;grid-template-columns:20px minmax(0,1fr);gap:7px}.flow-card--points .selling-points li>svg:first-child{width:16px;height:16px;color:var(--muted)}.flow-card--points .selling-points li>svg:last-child,.flow-card--points .selling-points span{display:none}.flow-card--points .selling-points strong{font-size:11px}.flow-card--generator{width:220px}.flow-card--generator header strong svg{color:#f5d7bb}.flow-card--generator>img{width:100%;height:226px;object-fit:cover}.flow-card--output{width:188px}.flow-card--output>img{width:100%;height:154px;object-fit:cover}.flow-card--output .output-actions{justify-content:flex-end;padding:7px}.canvas-hint{position:absolute;bottom:16px;left:16px;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#0a0b0ce6;color:var(--muted);font-size:11px}.canvas-hint svg{width:16px;height:16px}.mobile-inspector-jump{display:none}.node-inspector{overflow-y:auto;padding:22px;border-left:1px solid var(--line);background:#121315f7}.node-inspector__heading{padding-bottom:20px;border-bottom:1px solid var(--line)}.node-inspector h2{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:18px}.node-inspector h2 svg{color:#f0c6a6}.style-options,.prop-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0 0;padding:0;border:0}.style-options legend,.prop-options legend{grid-column:1 / -1;margin-bottom:2px;color:var(--text-soft);font-size:12px}.style-options button,.prop-options button{min-height:36px;border:1px solid var(--line);border-radius:7px;background:#202124;color:var(--text-soft);font-size:11px}.style-options button:hover,.prop-options button:hover,.style-options button.is-active,.prop-options button.is-active{border-color:var(--accent);background:#231b15;color:#ffb078}.inspector-fields{display:grid;gap:14px;margin-top:22px}.inspector-fields label{display:grid;gap:7px;color:var(--text-soft);font-size:12px}.inspector-fields select{min-height:38px;background:#202124}.prop-options{grid-template-columns:repeat(4,1fr)}.prop-options button{min-width:0;padding:0 4px}.inspector-progress{margin:22px 0;padding:18px 0;border-block:1px solid var(--line)}.inspector-progress h3{margin-bottom:12px}.inspector-progress>div{display:flex;min-height:36px;align-items:center;justify-content:space-between}.results-mode{display:grid;height:100%;grid-template-columns:310px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 140px;overflow:hidden}.results-brief{overflow-y:auto;padding:28px 26px;border-right:1px solid var(--line);background:#090a0b}.results-brief h2{margin-top:7px;font-size:20px}.brief-image{height:240px;margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.brief-image img{width:100%;height:100%;object-fit:cover}.brief-channel{display:grid;gap:7px;padding:18px 0;border-bottom:1px solid var(--line)}.brief-channel span{color:var(--muted);font-size:12px}.brief-channel strong{font-size:14px;font-weight:520}.results-main{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background-color:#08090a;background-image:url(/assets/generated/set-b/dark-wave-texture.png);background-position:center;background-size:cover;background-blend-mode:multiply}.results-main__header{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px}.results-main h1{margin-top:7px;font-size:22px}.results-main__actions{display:flex;align-items:center;gap:10px}.filter-menu{position:relative}.filter-menu summary{list-style:none}.filter-menu summary::-webkit-details-marker{display:none}.filter-menu[open]>div{position:absolute;z-index:10;top:calc(100% + 8px);right:0;display:grid;width:132px;padding:6px;border:1px solid var(--line-strong);border-radius:9px;background:#191a1c;box-shadow:var(--shadow-elevated)}.filter-menu[open] button{min-height:34px;border-radius:6px;background:transparent;color:var(--muted);text-align:left;padding:0 10px;font-size:12px}.filter-menu[open] button:hover,.filter-menu[open] button.is-active{background:#2a211a;color:#ffaf71}.results-grid{position:relative;display:grid;min-height:0;grid-template-columns:1.35fr 1.08fr .96fr;gap:18px;padding:8px 28px 26px}.result-column{display:grid;min-width:0;min-height:0;grid-template-rows:54px minmax(0,1fr) auto;gap:12px}.result-column__status{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:2px solid var(--line);background:transparent;color:var(--text-soft);padding:0 4px}.result-column__status>span{display:inline-flex;align-items:center;gap:8px}.result-column__status>span svg{width:18px;height:18px}.result-column__status>span strong{font-size:19px;font-weight:500}.result-column.is-running .result-column__status,.result-column.is-selected .result-column__status{border-bottom-color:var(--accent)}.result-column.is-success .result-column__status>span svg{color:var(--success)}.result-column.is-running .result-column__status>span svg{color:var(--accent)}.result-column__media{position:relative;min-height:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px;background:#101113;padding:0}.result-column__media img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.result-column__media:hover img{transform:scale(1.015)}.result-column__download{justify-self:stretch}.progress-orbit--large>svg{width:92px;height:92px}.progress-orbit--large strong{margin-top:-76px;font-size:31px}.progress-orbit--large small{margin-top:38px}.results-timeline{grid-column:1 / -1;display:grid;grid-template-columns:230px minmax(0,1fr) auto;align-items:center;gap:28px;padding:20px 28px;border-top:1px solid var(--line);background-color:#08090a;background-image:url(/assets/generated/set-b/dark-wave-texture.png);background-position:bottom;background-size:cover;background-blend-mode:multiply}.results-timeline__summary{display:grid;gap:10px}.results-timeline__summary>span,.results-timeline>p{color:var(--muted);font-size:11px}.results-timeline__summary strong{color:var(--text-soft);font-size:20px;font-weight:430}.results-timeline__summary em{color:var(--accent);font-size:28px;font-style:normal}.results-timeline ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}.results-timeline ol:before{position:absolute;top:10px;right:8%;left:8%;height:1px;background:var(--line-strong);content:""}.results-timeline li{position:relative;display:grid;justify-items:center;gap:10px;color:var(--muted);font-size:11px}.timeline-dot{position:relative;z-index:1;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#0b0c0d}.timeline-dot svg{width:22px;height:22px}.results-timeline li.is-success{color:var(--text-soft)}.results-timeline li.is-success .timeline-dot,.results-timeline li.is-running,.results-timeline li.is-running .timeline-dot{color:var(--accent)}.state-overlay{position:absolute;z-index:12;top:12px;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid var(--line-strong);border-radius:12px;background:#0a0b0cf0;box-shadow:var(--shadow-elevated);text-align:center}.state-overlay>svg{width:44px;height:44px;color:var(--accent)}.state-overlay>strong{margin-top:4px;font-size:17px}.state-overlay>p{max-width:360px;color:var(--muted);font-size:12px;line-height:1.7}.filter-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted)}.filter-empty svg{width:42px;height:42px}.filter-empty strong{color:var(--text-soft)}.filter-empty button{background:transparent;color:var(--accent);font-size:12px}.notice{position:fixed;z-index:80;right:22px;bottom:20px;display:grid;min-width:280px;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:12px 12px 12px 14px;border:1px solid var(--line-strong);border-radius:11px;background:#1a1b1d;box-shadow:var(--shadow-elevated);color:var(--text-soft);font-size:12px}.notice>svg{color:var(--success)}.notice button{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:transparent;color:var(--muted)}.notice button:hover{background:var(--surface-3);color:var(--text)}@media(max-width:1260px){.brand{min-width:150px}.brand__name{font-size:15px}.brand__mark{width:45px}.context-select{min-width:140px}.context-select--project{min-width:176px}.save-state,.role-chip,.header-utility{display:none}.guided-mode{grid-template-columns:170px 316px minmax(0,1fr)}.guided-product,.generation-heading,.guided-actions{padding-inline:18px}.guided-output-grid{padding-inline:12px}.node-mode{grid-template-columns:78px minmax(0,1fr) 286px}.results-mode{grid-template-columns:278px minmax(0,1fr)}.results-main__header{padding-inline:20px}.results-grid{gap:12px;padding-inline:20px}}@media(max-width:1024px){body{overflow:auto}.app-header{flex-wrap:wrap;gap:10px;min-height:112px;padding-block:12px}.brand{min-width:130px}.header-divider{display:none}.context-select{min-width:160px}.mode-switcher{order:3;margin-left:0}.header-actions{order:4}.app-workspace{height:calc(100dvh - 112px)}.guided-mode{width:calc(100% - 24px);height:calc(100% - 24px);grid-template-columns:142px 280px minmax(0,1fr);margin:12px}.step-rail ol{padding-inline:12px}.step-rail button{grid-template-columns:40px minmax(0,1fr)}.step-rail__number{width:40px;height:40px}.step-rail li:not(:last-child):after{left:19px}.guided-product{padding:22px 14px}.product-hero{min-height:220px}.guided-output-grid{grid-template-columns:repeat(3,minmax(150px,1fr));overflow-x:auto}.node-mode{grid-template-columns:68px minmax(0,1fr) 260px}.node-sidebar{padding-inline:7px}.node-sidebar button{min-height:65px}.node-inspector{padding:16px}.results-mode{grid-template-columns:230px minmax(0,1fr)}.results-brief{padding:22px 18px}.brief-image{height:190px}.results-main__actions .filter-menu,.results-main__actions .button--secondary{display:none}.results-grid{grid-template-columns:repeat(3,minmax(190px,1fr));overflow-x:auto}.results-timeline{grid-template-columns:180px minmax(0,1fr)}.results-timeline>p{display:none}}@media(max-width:720px){:root{--header-height: 174px}.app-header{min-height:var(--header-height);align-content:center;padding:10px 14px}.brand{min-width:120px}.brand__mark{width:40px;height:34px}.brand__name{font-size:13px}.context-select{flex:1 1 42%;min-width:132px}.context-select>span{font-size:10px}.context-select__control select{font-size:12px}.mode-switcher{order:5;width:100%}.mode-switcher button{flex:1}.header-actions{order:4}.job-summary{display:none}.app-workspace{height:auto;min-height:calc(100dvh - var(--header-height))}.guided-mode{display:block;width:100%;height:auto;min-height:calc(100dvh - var(--header-height));margin:0;overflow:visible;border:0;border-radius:0}.step-rail{overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.step-rail ol{position:static;display:grid;min-width:600px;grid-template-columns:repeat(5,1fr);padding:14px}.step-rail li:not(:last-child):after{display:none}.step-rail button{grid-template-columns:34px minmax(0,1fr)}.step-rail__number{width:34px;height:34px;font-size:13px}.step-rail__copy strong{font-size:11px}.step-rail__copy>span{display:none}.guided-product{overflow:visible;border-right:0;border-bottom:1px solid var(--line);padding:22px 16px}.product-hero{height:420px}.guided-generation{display:block;overflow:visible}.generation-heading{padding:22px 16px 16px}.generation-heading .job-id{display:none}.guided-output-grid{display:grid;grid-template-columns:1fr;overflow:visible;padding:0 16px 20px}.guided-output-card{min-height:560px}.guided-actions{position:sticky;z-index:9;bottom:0;min-height:86px;padding:12px 16px;background:#08090af7}.guided-actions>span{display:none}.guided-actions>div,.guided-actions .button{width:100%}.node-mode{display:block;height:auto;min-height:calc(100dvh - var(--header-height));overflow:visible}.node-sidebar{display:grid;grid-template-columns:repeat(5,1fr);border-right:0;border-bottom:1px solid var(--line);padding:7px}.node-sidebar button{min-height:58px}.node-sidebar svg{width:19px;height:19px}.node-canvas{height:660px}.node-canvas .react-flow__pane{cursor:grab}.node-canvas .react-flow__pane:active{cursor:grabbing}.node-canvas .flow-card--points .selling-points strong{font-size:12px}.node-canvas .output-actions--minimal .button{width:32px;min-width:32px;min-height:32px}.node-canvas .output-actions--minimal .button svg{width:16px;height:16px}.mobile-inspector-jump{position:absolute;z-index:8;top:12px;right:12px;display:inline-flex;min-width:112px;min-height:40px}.node-inspector{overflow:visible;scroll-margin-top:12px;border-top:1px solid var(--line);border-left:0}.results-mode{display:block;height:auto;overflow:visible}.results-brief{overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.brief-image{height:360px}.results-main{display:block;overflow:visible;padding-bottom:1px}.results-main__header{align-items:flex-start;padding:20px 16px}.results-main__actions .button--primary{min-height:40px;padding-inline:12px;font-size:11px}.results-grid{display:grid;grid-template-columns:1fr;overflow:visible;padding:0 16px 24px}.result-column{min-height:620px}.results-timeline{display:block;padding:20px 16px 26px}.results-timeline ol{margin-top:20px}.notice{right:12px;bottom:12px;left:12px;min-width:0}.scenario-popover{position:fixed;top:var(--header-height);right:12px;left:12px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}