:root{color-scheme:light;background:#f4f6f8;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:#f4f6f8}.app-shell{display:grid;min-height:100vh}.app-shell[data-has-sidebar=true]{grid-template-columns:264px minmax(0,1fr)}.app-sidebar{display:flex;flex-direction:column;gap:32px;padding:24px 18px;background:#111827;color:#f9fafb}.sidebar-brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#f4b860;color:#111827;font-size:13px;font-weight:800}.sidebar-brand span,.sidebar-brand strong{display:block}.sidebar-brand strong{font-size:15px;line-height:1.2}.sidebar-brand span{color:#cbd5e1;font-size:12px}.sidebar-nav ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.sidebar-link{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center;min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 12px;color:#d1d5db;font-size:14px;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sidebar-link:focus-visible,.sidebar-link:hover,.sidebar-link[data-active=true],html[data-studio-nav-view=brief] .sidebar-link[data-sidebar-view=brief],html[data-studio-nav-view=canvas] .sidebar-link[data-sidebar-view=canvas],html[data-studio-nav-view=review] .sidebar-link[data-sidebar-view=review],html[data-studio-nav-view=runtime] .sidebar-link[data-sidebar-view=runtime],html[data-studio-nav-view=studio] .sidebar-link[data-sidebar-view=studio]{border-color:#2dd4bf;background:#1f2937;color:#ffffff}.sidebar-link small{color:#9ca3af;font-size:11px;text-transform:uppercase}.app-main{min-width:0}.top-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;min-height:72px;border-bottom:1px solid #d9dee6;background:#ffffff;padding:14px 24px}.top-bar:not([data-has-status=true]){grid-template-columns:auto minmax(0,1fr)}.top-bar-brand,.top-bar-context{display:flex;align-items:center;gap:12px;min-width:0}.top-bar-brand>div,.top-bar-context>div{min-width:0}.top-bar-brand span,.top-bar-brand strong{display:block}.top-bar-brand strong{color:#111827;line-height:1.15}.top-bar-brand div span{color:#64748b;font-size:12px}.top-bar-status{display:flex;gap:8px;min-width:0;margin:0}.top-bar-status div{display:flex;gap:7px;align-items:baseline;min-height:34px;border:1px solid #d9dee6;border-radius:999px;background:#f8fafc;padding:7px 10px}.top-bar-status dd,.top-bar-status dt{margin:0;white-space:nowrap}.top-bar-status dt{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.top-bar-status dd{color:#111827;font-size:12px;font-weight:800}.project-selector span,.top-bar strong,.top-bar-label{display:block}.project-selector span,.top-bar-label{color:#64748b;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.top-bar strong{margin-top:2px;color:#111827;font-size:16px}.project-selector{display:flex;gap:10px;align-items:center;position:relative}.project-selector:after{content:"";position:absolute;right:12px;bottom:16px;width:7px;height:7px;border-right:1.5px solid #64748b;border-bottom:1.5px solid #64748b;pointer-events:none;transform:rotate(45deg)}.project-selector select{max-width:220px;min-height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:9px 34px 9px 12px;color:#111827;font:inherit;font-size:14px;font-weight:700}.app-content{padding:24px}.workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px}.service-panel,.workspace-primary{border:1px solid #d9dee6;border-radius:8px;background:#ffffff}.workspace-primary{min-width:0;overflow:hidden}.workspace-heading{display:grid;grid-gap:18px;gap:18px;padding:24px}.status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.status-row [data-tone]{display:inline-flex;border-radius:8px;padding:5px 9px;background:#edf2f7;color:#334155;font-size:12px;font-weight:700;line-height:1.2}.status-row [data-tone=success]{background:#dcfce7;color:#166534}.status-row [data-tone=warning]{background:#fff7ed;color:#9a3412}h1,h2,h3,p{margin:0}h1{max-width:780px;font-size:38px;line-height:1.05}.workspace-heading p{max-width:56ch;margin-top:10px;color:#475569;font-size:16px;line-height:1.55}.workspace-canvas{border-top:1px solid #d9dee6;background:linear-gradient(#e5e7eb 1px,transparent 0),linear-gradient(90deg,#e5e7eb 1px,transparent 0),#f8fafc;background-size:28px 28px;padding:32px}.workflow-canvas-shell{display:grid;grid-gap:16px;gap:16px;border-top:1px solid #d9dee6;background:#f8fafc;padding:18px}.mock-project-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) minmax(260px,420px);grid-gap:14px;gap:14px;align-items:flex-start;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;padding:14px}.mock-project-panel dt,.mock-project-panel label span,.mock-project-panel>div:first-child span{color:#1d4ed8;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.mock-project-panel h2{margin-top:4px;color:#0f172a;font-size:18px}.mock-project-panel p{margin-top:6px;color:#334155;font-size:13px;line-height:1.45}.mock-project-panel label{display:grid;grid-gap:6px;gap:6px}.mock-project-panel select{width:100%;border:1px solid #93c5fd;border-radius:8px;background:#ffffff;padding:9px 10px;color:#0f172a;font:inherit}.mock-project-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px;margin:0}.mock-project-panel dd{margin:3px 0 0;color:#0f172a;font-size:13px;font-weight:800;overflow-wrap:anywhere}.mock-project-panel small{grid-column:1/-1;color:#475569;font-size:12px}.simple-mode-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:16px}.simple-mode-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:16px;gap:16px;align-items:start}.simple-mode-field span,.simple-mode-header span,.simple-mode-preview dt{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.simple-mode-header h2{margin-top:4px;font-size:20px}.simple-mode-header p{max-width:70ch;margin-top:6px;color:#475569;font-size:14px;line-height:1.5}.simple-mode-header dl,.simple-mode-preview dl{display:grid;grid-gap:8px;gap:8px;margin:0}.simple-mode-header dl{border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;padding:12px}.simple-mode-header dd,.simple-mode-preview dd{margin:3px 0 0;color:#111827;font-size:13px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.simple-mode-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));grid-gap:10px;gap:10px}.simple-mode-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.simple-mode-field input,.simple-mode-field select,.simple-mode-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:9px 10px;color:#111827;font:inherit;font-size:13px}.simple-mode-field input:disabled{background:#eef2f7;color:#334155;cursor:not-allowed}.simple-mode-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;grid-column:1/-1}.simple-mode-actions button{min-height:40px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.simple-mode-actions button:nth-child(2){border-color:#0369a1;background:#0369a1}.simple-mode-actions button:disabled{cursor:not-allowed;opacity:.55}.simple-mode-empty{display:grid;grid-gap:4px;gap:4px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:12px}.simple-mode-empty strong{font-size:13px}.simple-mode-empty span{color:#64748b;font-size:13px}.simple-mode-preview{display:grid;grid-gap:12px;gap:12px;border-top:1px solid #e2e8f0;padding-top:14px}.simple-mode-preview-grid{display:grid;grid-template-columns:minmax(220px,1.1fr) repeat(3,minmax(160px,1fr));grid-gap:10px;gap:10px}.simple-mode-list{display:grid;align-content:start;grid-gap:8px;gap:8px}.simple-mode-list h3{margin:0;font-size:13px}.simple-mode-list ul{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.simple-mode-list li{display:grid;grid-gap:2px;gap:2px;border:1px solid #e2e8f0;border-radius:8px;padding:7px;font-size:12px;overflow-wrap:anywhere}.simple-mode-list li span,.simple-mode-list li strong{display:block}.simple-mode-list li span{color:#64748b;font-weight:700}.simple-mode-json{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.simple-mode-studio-readiness{display:grid;grid-gap:12px;gap:12px;border-top:1px solid #e2e8f0;padding-top:14px}.simple-mode-readiness-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start}.simple-mode-readiness-header span,.simple-mode-readiness-meta dt{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.simple-mode-readiness-header h3{margin-top:4px;font-size:16px}.simple-mode-readiness-header p{max-width:90ch;margin-top:4px;color:#475569;font-size:13px;line-height:1.45}.simple-mode-readiness-header>strong{display:grid;min-width:88px;min-height:48px;place-items:center;border:1px solid #99f6e4;border-radius:8px;background:#ccfbf1;color:#134e4a;font-size:18px}.simple-mode-readiness-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.simple-mode-readiness-meta div{min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:8px}.simple-mode-readiness-meta dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;overflow-wrap:anywhere}.simple-mode-readiness-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:8px;gap:8px}.simple-mode-readiness-grid article{display:grid;align-content:start;grid-gap:7px;gap:7px;min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.simple-mode-readiness-grid article[data-status=ready]{border-color:#86efac;background:#f0fdf4}.simple-mode-readiness-grid article[data-status=attention]{border-color:#fed7aa;background:#fff7ed}.simple-mode-readiness-grid article[data-status=blocked]{border-color:#fecaca;background:#fef2f2}.simple-mode-readiness-grid article div{display:flex;justify-content:space-between;gap:8px}.simple-mode-export-readiness strong,.simple-mode-readiness-grid strong{font-size:12px}.simple-mode-export-readiness span,.simple-mode-readiness-grid span{color:#64748b;font-size:11px;font-weight:800}.simple-mode-readiness-grid p{color:#475569;font-size:12px;line-height:1.4}.simple-mode-export-readiness{display:grid;grid-gap:4px;gap:4px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:10px}.simple-mode-export-readiness[data-status=exported_mock],.simple-mode-export-readiness[data-status=ready]{border-color:#86efac;background:#f0fdf4}.simple-mode-export-readiness[data-status=needs_review]{border-color:#fed7aa;background:#fff7ed}.runtime-panel{display:grid;grid-gap:14px;gap:14px;border-top:1px solid #d9dee6;background:#f8fafc;padding:18px}.runtime-panel-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.runtime-card header span,.runtime-controls label span,.runtime-facts dt,.runtime-panel-header span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.runtime-panel-header h2{margin-top:4px;color:#0f172a;font-size:19px}.runtime-output a,.runtime-panel button,.runtime-upload{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.runtime-panel button:disabled,.runtime-upload:has(input:disabled){cursor:not-allowed;opacity:.55}.runtime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.runtime-card{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;border:1px solid #d9e2ef;border-radius:8px;background:#ffffff;padding:12px}.runtime-card header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.runtime-card header strong{color:#0f172a;font-size:20px;line-height:1}.runtime-card select,.runtime-controls select{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:9px 10px;color:#111827;font:inherit;font-size:13px}.runtime-upload{position:relative;overflow:hidden}.runtime-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.runtime-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.runtime-controls label{display:grid;grid-gap:6px;gap:6px;min-width:0}.runtime-output,.runtime-preview{display:grid;grid-gap:8px;gap:8px}.runtime-output img,.runtime-output video,.runtime-preview img,.runtime-preview video{width:100%;max-height:260px;border:1px solid #d9e2ef;border-radius:8px;background:#0f172a;object-fit:contain}.runtime-facts,.runtime-preview dl{display:grid;grid-gap:7px;gap:7px;margin:0}.runtime-facts div,.runtime-preview dl div{min-width:0}.runtime-facts dd,.runtime-preview dd{margin:2px 0 0;color:#0f172a;font-size:12px;font-weight:800;overflow-wrap:anywhere}.runtime-job{display:grid;grid-gap:8px;gap:8px}.runtime-progress{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.runtime-progress span{display:block;height:100%;border-radius:inherit;background:#22c55e;transition:width .18s ease}.runtime-output div{display:flex;flex-wrap:wrap;gap:8px}.runtime-output a:nth-child(2){border-color:#0369a1;background:#0369a1}.runtime-output a:nth-child(3){border-color:#475569;background:#475569}.runtime-status{color:#475569;font-size:13px;line-height:1.45}.provider-pilot{display:grid;grid-gap:14px;gap:14px;border-top:1px solid #d9dee6;background:#fbfcf8;padding:18px}.provider-pilot-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.provider-pilot-controls label span,.provider-pilot-header span,.provider-pilot-prompt span,.provider-pilot-readiness span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.provider-pilot-header h2{margin-top:4px;color:#0f172a;font-size:19px}.provider-pilot-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.2fr) minmax(220px,.7fr);grid-gap:12px;gap:12px;align-items:stretch}.provider-pilot-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.provider-pilot-controls label,.provider-pilot-prompt,.provider-pilot-readiness{display:grid;grid-gap:6px;gap:6px;min-width:0}.provider-pilot-controls input,.provider-pilot-controls select,.provider-pilot-prompt textarea{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:9px 10px;color:#111827;font:inherit;font-size:13px}.provider-pilot-prompt textarea{min-height:132px;resize:vertical}.provider-pilot button,.provider-pilot-readiness button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #7c3f16;border-radius:8px;background:#7c3f16;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.provider-pilot button:disabled{cursor:not-allowed;opacity:.5}.provider-pilot-readiness{align-content:start;border:1px solid #d9e2ef;border-radius:8px;background:#ffffff;padding:12px}.provider-pilot-readiness div{display:flex;justify-content:space-between;gap:10px;align-items:center}.provider-pilot-readiness strong{border-radius:999px;background:#ecfccb;padding:4px 8px;color:#3f6212;font-size:11px;font-weight:900;text-transform:uppercase}.provider-pilot-readiness p,.provider-pilot-status{margin:0;color:#475569;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.provider-pilot-result{display:grid;grid-gap:4px;gap:4px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;padding:10px}.provider-pilot-result small,.provider-pilot-result span{color:#166534;font-size:12px;font-weight:800}.provider-pilot-result strong{color:#0f172a;font-size:13px;overflow-wrap:anywhere}.provider-pilot-result a{justify-self:start;border:1px solid #15803d;border-radius:8px;background:#15803d;padding:7px 10px;color:#ffffff;font-size:12px;font-weight:900;text-decoration:none}.runtime-dashboard{display:grid;grid-gap:12px;gap:12px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;padding:14px}.runtime-dashboard-card header,.runtime-dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.runtime-dashboard th,.runtime-dashboard-card header span,.runtime-dashboard-header span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.runtime-dashboard-header h2{margin-top:4px;color:#0f172a;font-size:19px}.runtime-dashboard-queue{display:block;margin-top:5px;color:#475569;font-size:12px;font-weight:800}.runtime-dashboard button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;border:1px solid #334155;border-radius:8px;background:#334155;padding:6px 9px;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.runtime-dashboard button:disabled{cursor:not-allowed;opacity:.45}.runtime-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.runtime-dashboard-card{display:grid;grid-gap:10px;gap:10px;min-width:0;border:1px solid #d9e2ef;border-radius:8px;background:#ffffff;padding:12px}.runtime-dashboard-card header strong{color:#0f172a;font-size:20px;line-height:1}.runtime-dashboard-table-wrap{overflow-x:auto}.runtime-dashboard table{width:100%;min-width:620px;border-collapse:collapse}.runtime-dashboard td,.runtime-dashboard th{border-bottom:1px solid #e2e8f0;padding:8px 6px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.runtime-dashboard td{color:#0f172a;font-size:12px;line-height:1.35}.runtime-dashboard-pill{display:inline-flex;max-width:100%;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;padding:3px 7px;color:#1d4ed8;font-size:11px;font-weight:900}.runtime-dashboard-actions{display:flex;flex-wrap:wrap;gap:6px}.runtime-dashboard-actions button:first-child{border-color:#0f766e;background:#0f766e}.runtime-dashboard-actions button:last-child{border-color:#b91c1c;background:#b91c1c}.runtime-dashboard-status{margin:0;color:#475569;font-size:13px}.builder-mode-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:16px}.builder-mode-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-gap:16px;gap:16px;align-items:start}.builder-mode-card label span,.builder-mode-header dt,.builder-mode-header span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.builder-mode-header h2{margin-top:4px;font-size:20px}.builder-mode-header p{max-width:76ch;margin-top:6px;color:#475569;font-size:14px;line-height:1.5}.builder-mode-header dl{display:grid;grid-gap:8px;gap:8px;margin:0;border:1px solid #ddd6fe;border-radius:8px;background:#f5f3ff;padding:12px}.builder-mode-header dd{margin:3px 0 0;color:#111827;font-size:13px;font-weight:800}.builder-mode-grid,.builder-mode-preview-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(420px,1.3fr);grid-gap:12px;gap:12px}.builder-mode-preview-grid{grid-template-columns:minmax(220px,.8fr) minmax(220px,.7fr) minmax(320px,1.1fr)}.builder-mode-card{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:12px}.builder-mode-card h3,.builder-mode-card legend{margin:0;color:#0f172a;font-size:14px;font-weight:900}.builder-mode-card-header{display:grid;grid-gap:4px;gap:4px}.builder-empty-state,.builder-mode-card-header span{color:#64748b;font-size:12px;font-weight:700;line-height:1.4}.builder-mode-card label{display:grid;grid-gap:6px;gap:6px;min-width:0}.builder-mode-card input,.builder-mode-card textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:12px}.builder-mode-card input:disabled{background:#eef2f7;color:#334155}.builder-mode-wide-field{grid-column:1/-1}.builder-control-list,.builder-smart-node-list,.builder-warning-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.builder-control-item{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(90px,.5fr) minmax(150px,1fr) minmax(110px,.4fr);grid-gap:8px;gap:8px;align-items:end;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.builder-control-item[data-locked=true]{border-color:#bfdbfe;background:#eff6ff}.builder-control-item>div,.builder-smart-node-list article{display:grid;grid-gap:3px;gap:3px;min-width:0}.builder-control-item strong,.builder-smart-node-list strong{color:#111827;font-size:12px;overflow-wrap:anywhere}.builder-control-item span,.builder-smart-node-list span{color:#64748b;font-size:11px;font-weight:800}.builder-smart-node-list article,.builder-warning-list li{border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.builder-warning-list li{color:#9a3412;font-size:12px;font-weight:800}.builder-mode-json-card pre{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.creative-direction-panel{display:grid;grid-gap:14px;gap:14px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:16px}.creative-direction-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);grid-gap:16px;gap:16px;align-items:start}.creative-direction-card label span,.creative-direction-header span,.creative-direction-snapshot dt{display:block;color:#64748b;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.creative-direction-header h2{margin-top:4px;font-size:20px}.creative-direction-header p{max-width:76ch;margin-top:6px;color:#475569;font-size:14px;line-height:1.5}.creative-direction-summary{display:grid;grid-gap:10px;gap:10px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;padding:12px}.creative-direction-snapshot dl,.creative-direction-summary dl{display:grid;grid-gap:8px;gap:8px;margin:0}.creative-direction-snapshot dd,.creative-direction-summary dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.creative-direction-summary button{min-height:38px;border:1px solid #15803d;border-radius:8px;background:#15803d;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.creative-direction-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);grid-gap:12px;gap:12px}.creative-direction-grid-bottom{grid-template-columns:minmax(360px,1fr) minmax(320px,.9fr)}.creative-direction-card{display:grid;align-content:start;grid-gap:10px;gap:10px;min-width:0;margin:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:12px}.creative-direction-card h3,.creative-direction-card legend{margin:0;color:#0f172a;font-size:14px;font-weight:900}.creative-direction-card-header{display:grid;grid-gap:4px;gap:4px}.creative-direction-card-header span{color:#64748b;font-size:12px;font-weight:700;line-height:1.35}.creative-direction-card label,.creative-reference-item label,.creative-shot-item label{display:grid;grid-gap:6px;gap:6px;min-width:0}.creative-direction-card input,.creative-direction-card select,.creative-direction-card textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:12px}.creative-direction-wide-field{grid-column:1/-1}.creative-direction-sections,.creative-reference-list,.creative-shot-list{display:grid;grid-gap:8px;gap:8px}.creative-reference-item,.creative-shot-item{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));grid-gap:8px;gap:8px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:9px}.creative-shot-item{grid-template-columns:minmax(130px,.8fr) repeat(3,minmax(110px,1fr))}.creative-shot-item>div{display:grid;align-content:start;grid-gap:3px;gap:3px}.creative-shot-item strong{font-size:12px}.creative-shot-item>div span{color:#64748b;font-size:11px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.creative-direction-snapshot{background:#f8fafc}.creative-direction-sections section{display:grid;grid-gap:3px;gap:3px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px}.creative-direction-sections h4{margin:0;font-size:12px}.creative-direction-sections p{margin:0;color:#475569;font-size:12px;line-height:1.45}.creative-direction-snapshot pre{max-height:300px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.workflow-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;border:1px solid #d9dee6;border-radius:8px;background:#ffffff;padding:12px}.workflow-json-panel span,.workflow-toolbar>div:first-child span{display:block;color:#64748b;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.workflow-toolbar>div:first-child strong{display:block;margin-top:2px;font-size:15px}.node-palette{display:flex;flex-wrap:wrap;gap:8px;max-width:820px}.preset-loader{display:grid;grid-template-columns:auto minmax(170px,240px);grid-gap:10px;gap:10px;align-items:center;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;padding:8px}.preset-loader button{min-height:40px;border:1px solid #0369a1;border-radius:8px;background:#0369a1;padding:8px 10px;color:#ffffff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.preset-loader small,.preset-loader span{display:block}.preset-loader span{color:#0f172a;font-size:12px;font-weight:800}.preset-loader small{margin-top:2px;color:#475569;font-size:11px;font-weight:700;line-height:1.25}.node-palette button,.run-button{min-height:44px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 10px;color:#111827;font:inherit;font-size:13px;font-weight:700}.node-palette button{display:grid;grid-gap:3px;gap:3px;min-width:136px;text-align:left;cursor:pointer}.node-palette button:hover{border-color:#0f766e}.node-palette button small,.node-palette button span{display:block}.node-palette button small{color:#64748b;font-size:11px;font-weight:700;line-height:1.2}.run-button{border-color:#0f766e;background:#0f766e;color:#ffffff;cursor:pointer}.run-button:disabled{cursor:wait;opacity:.7}.workflow-canvas-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:16px;gap:16px}.workflow-flow-card{min-width:0;height:640px;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff}.registry-flow-node{display:grid;grid-gap:8px;gap:8px;width:220px;border:1px solid #94a3b8;border-radius:8px;background:#ffffff;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.08);color:#111827}.registry-flow-node[data-selected=true]{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.15),0 12px 30px rgba(15,23,42,.12)}.registry-flow-node[data-known=false]{border-color:#f97316;background:#fff7ed}.registry-node-header{display:grid;grid-gap:3px;gap:3px}.registry-node-header span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.registry-node-header strong{font-size:14px;line-height:1.2}.registry-flow-node p{color:#475569;font-size:12px;line-height:1.35}.registry-node-meta,.registry-node-ports{display:flex;flex-wrap:wrap;gap:6px}.registry-node-meta small,.registry-node-ports span{border-radius:8px;background:#eef2f7;padding:4px 6px;color:#334155;font-size:11px;font-weight:700;line-height:1.2}.workflow-flow-card .react-flow__edge-path{stroke:#0f766e;stroke-width:2}.workflow-flow-card .react-flow__handle{width:9px;height:9px;border-color:#ffffff;background:#0f766e}.workflow-side-panels{display:grid;align-content:start;grid-gap:16px;gap:16px;min-width:0}.compare-select-panel,.mock-assets-panel,.mock-cost-ledger-panel,.mock-export-panel,.mock-rerun-panel,.mock-run-panel,.provenance-graph-panel,.quality-review-panel,.workflow-inspector,.workflow-json-panel,.workflow-version-panel{display:grid;align-content:start;grid-gap:12px;gap:12px;min-width:0;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:14px}.workflow-inspector>div:first-child span{margin-top:0}.compare-select-header span,.mock-assets-header span,.mock-cost-ledger-header span,.mock-export-header span,.mock-rerun-header span,.mock-run-header span,.provenance-graph-header span,.quality-review-header span,.workflow-inspector>div:first-child span,.workflow-version-header span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.compare-select-panel h2,.compare-select-panel h3,.mock-assets-panel h2,.mock-assets-panel h3,.mock-cost-ledger-panel h2,.mock-cost-ledger-panel h3,.mock-export-panel h2,.mock-export-panel h3,.mock-rerun-panel h2,.mock-rerun-panel h3,.mock-run-panel h2,.mock-run-panel h3,.provenance-graph-panel h2,.provenance-graph-panel h3,.quality-review-panel h2,.quality-review-panel h3,.workflow-inspector h2,.workflow-inspector h3,.workflow-version-panel h2,.workflow-version-panel h3{margin-top:4px}.compare-select-panel h2,.mock-assets-panel h2,.mock-cost-ledger-panel h2,.mock-export-panel h2,.mock-rerun-panel h2,.mock-run-panel h2,.provenance-graph-panel h2,.quality-review-panel h2,.workflow-inspector h2,.workflow-version-panel h2{font-size:18px}.compare-select-panel h3,.mock-assets-panel h3,.mock-cost-ledger-panel h3,.mock-export-panel h3,.mock-rerun-panel h3,.mock-run-panel h3,.provenance-graph-panel h3,.quality-review-panel h3,.workflow-inspector h3,.workflow-version-panel h3{font-size:13px}.compare-select-panel li span,.compare-select-panel p,.inspector-port-list span,.mock-assets-panel p,.mock-cost-ledger-panel p,.mock-rerun-panel p,.mock-run-panel li span,.mock-run-panel p,.provenance-graph-panel li span,.provenance-graph-panel p,.quality-review-panel li span,.quality-review-panel p,.workflow-inspector p,.workflow-version-panel p{color:#64748b;font-size:13px;line-height:1.45}.inspector-metadata{display:grid;grid-gap:8px;gap:8px;margin:0}.inspector-metadata div{display:grid;grid-gap:3px;gap:3px}.inspector-metadata dt{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.inspector-metadata dd{margin:0;color:#111827;font-size:13px;font-weight:700;overflow-wrap:anywhere}.inspector-section{display:grid;grid-gap:8px;gap:8px;border-top:1px solid #e2e8f0;padding-top:12px}.inspector-port-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.inspector-port-list li{display:grid;grid-gap:2px;gap:2px;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.inspector-port-list strong{font-size:13px}.inspector-params{display:grid;grid-gap:10px;gap:10px}.param-control{display:grid;grid-gap:6px;gap:6px;color:#111827;font-size:13px;font-weight:700}.param-control>span{display:flex;justify-content:space-between;gap:8px;align-items:center}.param-control small{color:#64748b;font-size:11px;text-transform:uppercase}.param-control input[type=number],.param-control input[type=text],.param-control select,.param-control textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:13px;font-weight:500}.param-control input[type=checkbox]{width:18px;height:18px}.workflow-json-panel h2{margin-top:4px;font-size:18px}.workflow-inspector>div:first-child p,.workflow-json-panel p{margin-top:6px;color:#64748b;font-size:13px;line-height:1.45}.workflow-json-panel pre{max-height:460px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:12px;color:#e2e8f0;font-size:12px;line-height:1.5;white-space:pre-wrap}.mock-assets-actions,.mock-cost-ledger-controls,.mock-run-actions,.quality-review-actions,.workflow-version-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}.mock-assets-actions button,.mock-cost-ledger-controls button,.mock-run-actions button,.quality-review-actions button,.workflow-version-actions button{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:7px 10px;color:#111827;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.mock-assets-actions button:disabled,.mock-cost-ledger-controls button:disabled,.mock-run-actions button:disabled,.quality-review-actions button:disabled,.workflow-version-actions button:disabled{cursor:not-allowed;opacity:.55}.workflow-version-lineage,.workflow-version-summary{display:grid;grid-gap:10px;gap:10px}.workflow-version-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:10px}.workflow-version-lineage{border-top:1px solid #e2e8f0;padding-top:12px}.workflow-version-lineage strong{color:#111827;font-size:13px}.mock-run-section code,.workflow-version-lineage code{display:block;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-rerun-controls{display:grid;grid-gap:8px;gap:8px}.mock-rerun-controls label{display:grid;grid-gap:6px;gap:6px}.mock-rerun-controls label span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.mock-rerun-controls input,.mock-rerun-controls select{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px 9px;color:#111827;font:inherit;font-size:12px}.mock-rerun-diagnostics{display:grid;grid-gap:6px;gap:6px}.mock-rerun-diagnostics span,.mock-rerun-edge-list li,.mock-rerun-edge-list span{color:#64748b;font-size:12px;line-height:1.4}.mock-rerun-edge-list,.mock-rerun-empty,.mock-rerun-scope{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-rerun-cache-list{display:grid;grid-gap:8px;gap:8px}.mock-rerun-cache-list article{display:grid;grid-gap:6px;gap:6px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:9px}.mock-rerun-cache-list article[data-status=rerun_required]{border-color:#fde68a;background:#fffbeb}.mock-rerun-cache-list article[data-status=hit]{border-color:#bbf7d0;background:#f0fdf4}.mock-rerun-cache-list article div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.mock-rerun-cache-list strong,.mock-rerun-edge-list strong{color:#111827;font-size:12px}.mock-rerun-cache-list article div span,.mock-rerun-cache-list p{color:#64748b;font-size:12px}.mock-rerun-cache-list code,.mock-rerun-json{overflow-wrap:anywhere;font-size:11px}.mock-rerun-edge-list{display:grid;grid-gap:6px;gap:6px}.mock-rerun-edge-list ul{display:grid;grid-gap:4px;gap:4px;margin:0;padding-left:16px}.mock-rerun-json{max-height:260px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px;background:#0f172a;padding:10px;color:#e2e8f0;line-height:1.45;white-space:pre-wrap}.mock-run-status{display:inline-flex;border-radius:8px;background:#eef2f7;padding:6px 8px;color:#334155;font-size:12px;font-weight:800;text-transform:uppercase}.mock-run-status[data-state=completed]{background:#dcfce7;color:#166534}.mock-run-status[data-state=invalid],.mock-run-status[data-state=waiting_for_input]{background:#fff7ed;color:#9a3412}.mock-run-status[data-state=error],.mock-run-status[data-state=failed]{background:#fee2e2;color:#991b1b}.mock-run-output-list,.mock-run-section,.mock-run-summary,.node-run-item,.node-run-list,.provider-metadata{display:grid;grid-gap:10px;gap:10px}.mock-run-section{border-top:1px solid #e2e8f0;padding-top:12px}.mock-run-output-list ul,.mock-run-section ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.mock-run-output-list li,.mock-run-section li,.node-run-item{border:1px solid #e2e8f0;border-radius:8px;padding:8px}.mock-run-section li{display:grid;grid-gap:3px;gap:3px}.mock-run-cost-grid,.node-run-details,.provider-metadata dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.mock-run-cost-grid div,.node-run-details div,.provider-metadata dl div{min-width:0}.mock-run-cost-grid dt,.node-run-details dt,.provider-metadata dt{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.mock-run-cost-grid dd,.node-run-details dd,.provider-metadata dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;overflow-wrap:anywhere}.node-run-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.node-run-title div,.node-run-title span,.node-run-title strong{display:block}.node-run-title strong{font-size:13px}.node-run-title span{color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.provider-metadata{border-radius:8px;background:#f0fdfa;padding:8px}.mock-run-output-list h4{margin:0;font-size:12px}.mock-run-output-list code,.mock-run-output-list pre{display:block;max-height:160px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-run-error{display:grid;grid-gap:3px;gap:3px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;padding:8px;color:#991b1b;font-size:12px}.mock-run-error span{color:#7f1d1d}.output-preview-stage{display:grid;grid-template-columns:minmax(0,.82fr) minmax(240px,1fr);grid-gap:12px;gap:12px;overflow:hidden;border:1px solid #d5e3ea;border-radius:8px;background:#f7fbfc;padding:12px}.output-preview-copy{display:grid;align-content:start;grid-gap:7px;gap:7px}.output-preview-copy span{color:#64748b;font-size:10px;font-weight:850;text-transform:uppercase}.output-preview-copy h3{margin:0;color:#111827;font-size:16px;line-height:1.12}.output-preview-copy p{margin:0;color:#475569;font-size:12px;line-height:1.35}.output-preview-viewport{display:grid;grid-template-columns:minmax(92px,112px) minmax(0,1fr);grid-gap:10px;gap:10px;align-items:stretch}.output-preview-phone{position:relative;display:grid;min-height:176px;aspect-ratio:9/16;overflow:hidden;border:1px solid #1f2937;border-radius:8px;background:linear-gradient(180deg,rgb(255 255 255/8%),rgb(255 255 255/0)),#111827;padding:10px;color:#f8fafc;box-shadow:inset 0 0 0 1px rgb(255 255 255/7%)}.output-preview-phone:after{content:"";position:absolute;right:10px;bottom:10px;left:10px;height:28px;border:1px solid rgb(255 255 255/12%);border-radius:8px;background:rgb(255 255 255/8%)}.output-preview-phone[data-empty=true]{border-color:#cbd5e1;background:repeating-linear-gradient(135deg,#f8fafc,#f8fafc 10px,#eef4f6 0,#eef4f6 20px);color:#334155;box-shadow:none}.output-preview-phone[data-has-media=true]{background:#0f172a;padding:0}.output-preview-phone[data-has-media=true]:after{inset:0;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgb(15 23 42/18%),rgb(15 23 42/0) 32%),linear-gradient(0deg,rgb(15 23 42/82%),rgb(15 23 42/0) 58%)}.output-preview-media,.output-preview-media-fallback{position:absolute;inset:0;width:100%;height:100%}.output-preview-media{object-fit:cover}.output-preview-media-fallback{background:linear-gradient(180deg,rgb(255 255 255/8%),rgb(255 255 255/0)),#111827}.output-preview-overlay{position:relative;z-index:1;display:grid;min-height:100%;align-content:space-between;grid-gap:6px;gap:6px;padding:10px}.output-preview-phone a,.output-preview-phone code,.output-preview-phone small,.output-preview-phone span,.output-preview-phone strong{position:relative;z-index:1;min-width:0}.output-preview-phone small{align-self:start;width:-moz-fit-content;width:fit-content;border-radius:999px;background:rgb(255 255 255/12%);padding:4px 6px;font-size:10px;font-weight:850;text-transform:uppercase}.output-preview-phone[data-empty=true] small{background:#e2e8f0}.output-preview-phone strong{align-self:end;color:inherit;font-size:13px;line-height:1.12;overflow-wrap:anywhere}.output-preview-phone span{align-self:start;color:inherit;font-size:11px;font-weight:750;opacity:.78;overflow-wrap:anywhere}.output-preview-phone code{align-self:end;max-height:48px;overflow:hidden;border-radius:7px;background:rgb(15 23 42/78%);padding:6px;color:#dbeafe;font-size:10px;line-height:1.25;overflow-wrap:anywhere;white-space:pre-wrap}.output-preview-phone a{width:-moz-fit-content;width:fit-content;border-radius:7px;background:rgb(255 255 255/14%);padding:5px 7px;color:#f8fafc;font-size:10px;font-weight:850;text-decoration:none}.output-preview-rail{display:grid;grid-gap:8px;gap:8px;align-content:stretch}.output-preview-thumb{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center;min-height:38px;border:1px solid #dbe5ea;border-radius:8px;background:#ffffff;padding:8px;color:#111827;overflow:hidden}.output-preview-thumb[data-selected=true]{border-color:#0f766e;background:#eefaf7}.output-preview-thumb[data-empty=true]{border-style:dashed;background:#fbfcfd}.output-preview-thumb-media,.output-preview-thumb>img,.output-preview-thumb>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.output-preview-thumb>video{pointer-events:none}.output-preview-thumb[data-has-media=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(15 23 42/72%),rgb(15 23 42/18%))}.output-preview-thumb span{position:relative;z-index:1;display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:#edf2f7;color:#475569;font-size:10px;font-weight:900}.output-preview-thumb[data-selected=true] span{background:#0f766e;color:#ffffff}.output-preview-thumb strong{position:relative;z-index:1;min-width:0;color:#111827;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-preview-thumb[data-has-media=true] strong{color:#ffffff;text-shadow:0 1px 8px rgb(15 23 42/42%)}.compare-candidate-card,.compare-candidate-controls,.compare-candidate-grid,.compare-empty-state,.selected-output-summary{display:grid;grid-gap:10px;gap:10px}.compare-candidate-card,.compare-empty-state,.selected-output-summary{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.selected-output-summary{background:#f8fafc}.selected-output-summary[data-stale=true]{border-color:#fed7aa;background:#fff7ed}.selected-output-summary[data-empty=true]{border-style:dashed}.compare-candidate-title,.selected-output-summary>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.compare-candidate-title strong,.compare-empty-state strong,.selected-output-summary strong{display:block;color:#111827;font-size:13px}.compare-candidate-title span,.compare-empty-state span,.selected-output-summary span{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.compare-candidate-metadata,.selected-output-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.compare-candidate-metadata dt,.selected-output-summary dt{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.compare-candidate-metadata dd,.selected-output-summary dd{margin:3px 0 0;color:#111827;font-size:12px;font-weight:800;overflow-wrap:anywhere}.compare-output-preview,.selected-output-summary code{display:block;max-height:120px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.compare-candidate-card[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.compare-candidate-title small{border-radius:8px;background:#eef2f7;padding:4px 6px;color:#334155;font-size:11px;font-weight:800;line-height:1.2}.compare-candidate-card[data-selected=true] .compare-candidate-title small{background:#ccfbf1;color:#115e59}.compare-candidate-controls button{min-height:36px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;padding:7px 10px;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.compare-candidate-controls label{display:grid;grid-gap:6px;gap:6px;color:#111827;font-size:12px;font-weight:800}.compare-candidate-controls label span{color:#64748b;font-size:10px;text-transform:uppercase}.compare-candidate-controls select,.compare-candidate-controls textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;font-size:12px}.quality-report-summary,.quality-review-empty,.quality-review-form,.quality-review-lists,.quality-target-summary,.review-decision-summary{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.quality-review-empty{border-style:dashed}.quality-report-summary strong,.quality-target-summary strong,.review-decision-summary strong{color:#111827;font-size:13px}.quality-report-summary span,.quality-target-summary span{color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.quality-failure-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.quality-failure-tags label{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:7px;gap:7px;align-items:start;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font-size:12px;font-weight:800}.quality-review-field,.quality-review-form label{display:grid;grid-gap:6px;gap:6px;color:#111827;font-size:12px;font-weight:800}.quality-review-field span,.quality-review-form label span{color:#64748b;font-size:10px;text-transform:uppercase}.quality-review-field textarea,.quality-review-form select,.quality-review-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;font-size:12px}.quality-review-form button{min-height:38px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.quality-review-form button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}.quality-dimension-grid,.quality-review-list{display:grid;grid-gap:8px;gap:8px}.quality-dimension-grid article,.quality-review-list button{display:grid;grid-gap:5px;gap:5px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;text-align:left}.quality-dimension-grid article[data-status=pass]{border-color:#bbf7d0;background:#f0fdf4}.quality-dimension-grid article[data-status=warn]{border-color:#fed7aa;background:#fff7ed}.quality-dimension-grid article[data-status=fail]{border-color:#fecaca;background:#fef2f2}.quality-dimension-grid small,.quality-dimension-grid span,.quality-review-list span{color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.quality-review-list button{cursor:pointer}.quality-review-list button[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.review-decision-summary code{display:block;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-assets-gallery{display:grid;grid-gap:10px;gap:10px}.mock-asset-card{display:grid;grid-gap:6px;gap:6px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:10px;color:#111827;font:inherit;text-align:left;cursor:pointer}.mock-asset-card[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.mock-asset-card strong,.mock-asset-detail strong{color:#111827;font-size:13px}.mock-asset-card small,.mock-asset-card span{color:#64748b;font-size:12px;font-weight:700}.mock-asset-card code,.mock-asset-detail code{display:block;max-height:140px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-asset-detail,.mock-assets-empty{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-assets-empty{border-style:dashed}.mock-export-actions,.mock-export-asset-list,.mock-export-form,.mock-export-gallery{display:grid;grid-gap:10px;gap:10px}.mock-export-form{grid-template-columns:1fr}.mock-export-form label{display:grid;grid-gap:5px;gap:5px;color:#111827;font-size:12px;font-weight:800}.mock-export-form select{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:8px;color:#111827;font:inherit;font-size:12px}.mock-export-actions{grid-template-columns:1fr}.mock-export-actions button{min-height:38px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.mock-export-actions button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}.mock-export-asset-option{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;align-items:start;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:9px;color:#111827;font-size:12px}.mock-export-asset-option small,.mock-export-asset-option span{display:block;min-width:0}.mock-export-asset-option small{margin-top:3px;color:#64748b;overflow-wrap:anywhere}.mock-export-card{display:grid;grid-gap:6px;gap:6px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#ffffff;padding:10px;color:#111827;font:inherit;text-align:left;cursor:pointer}.mock-export-card[data-selected=true]{border-color:#7c3aed;background:#f5f3ff}.mock-export-card strong,.mock-export-detail strong{color:#111827;font-size:13px}.mock-export-card small,.mock-export-card span{color:#64748b;font-size:12px;font-weight:700}.mock-export-card code,.mock-export-detail code{display:block;max-height:140px;overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.mock-export-detail,.mock-export-empty{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-export-empty{border-style:dashed}.mock-export-warnings{display:grid;grid-gap:4px;gap:4px;margin:0;padding-left:18px;color:#475569;font-size:12px}.mock-cost-ledger-controls{justify-content:stretch}.mock-cost-ledger-controls label{display:grid;grid-gap:5px;gap:5px;flex:1 1 120px;color:#334155;font-size:12px;font-weight:800}.mock-cost-ledger-controls input{min-height:36px;width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:7px 9px;color:#111827;font:inherit;font-size:12px;font-weight:700}.mock-cost-breakdown,.mock-cost-event-row,.mock-cost-ledger-empty,.mock-cost-ledger-summary{display:grid;grid-gap:10px;gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.mock-cost-ledger-empty{border-style:dashed}.mock-cost-warnings{display:grid;grid-gap:5px;gap:5px;margin:0;padding-left:18px;color:#9a3412;font-size:12px;font-weight:700}.mock-cost-breakdown-grid{display:grid;grid-gap:8px;gap:8px}.mock-cost-breakdown h3{margin:0}.mock-cost-breakdown ul,.mock-cost-event-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.mock-cost-breakdown li{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;color:#334155;font-size:12px}.mock-cost-breakdown li strong{color:#0f172a;text-align:right}.mock-cost-event-row>div:first-child{display:grid;grid-gap:2px;gap:2px}.mock-cost-event-row>div:first-child span,.mock-cost-event-row>div:first-child strong{overflow-wrap:anywhere}.mock-cost-event-row>div:first-child strong{color:#0f172a;font-size:13px}.mock-cost-event-row>div:first-child span{color:#64748b;font-size:12px;font-weight:700}.mock-cost-event-row code{overflow:auto;border-radius:8px;background:#0f172a;padding:8px;color:#e2e8f0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.provenance-cross-links,.provenance-detail,.provenance-edge-list,.provenance-empty,.provenance-filter-grid,.provenance-node-grid{display:grid;grid-gap:10px;gap:10px}.provenance-filter-grid{grid-template-columns:1fr}.provenance-filter-grid label{display:grid;grid-gap:5px;gap:5px;color:#334155;font-size:12px;font-weight:800}.provenance-filter-grid label span{color:#64748b;font-size:10px;text-transform:uppercase}.provenance-filter-grid input{min-height:36px;width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;padding:7px 9px;color:#111827;font:inherit;font-size:12px;font-weight:700}.provenance-filter-grid button{min-height:36px;border:1px solid #334155;border-radius:8px;background:#334155;padding:7px 10px;color:#ffffff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.provenance-filter-grid button:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:not-allowed}.provenance-warning-list{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.provenance-cross-links,.provenance-detail,.provenance-empty,.provenance-warning-list li{border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;padding:10px}.provenance-cross-links strong,.provenance-detail strong,.provenance-warning-list strong{display:block;color:#111827;font-size:13px}.provenance-node-grid{grid-template-columns:1fr}.provenance-node-card{display:grid;grid-gap:5px;gap:5px;width:100%;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:8px;background:#ffffff;padding:10px;color:#111827;font:inherit;text-align:left;cursor:pointer}.provenance-node-card[data-selected=true]{border-color:#0f766e;background:#f0fdfa}.provenance-node-card[data-kind=workflowVersion]{border-left-color:#0369a1}.provenance-node-card[data-kind=run]{border-left-color:#0f766e}.provenance-node-card[data-kind=nodeRun]{border-left-color:#7c3aed}.provenance-node-card[data-kind=providerOutput]{border-left-color:#f59e0b}.provenance-node-card[data-kind=asset]{border-left-color:#16a34a}.provenance-node-card[data-kind=export]{border-left-color:#be123c}.provenance-node-card em,.provenance-node-card small,.provenance-node-card span{display:block;overflow-wrap:anywhere}.provenance-node-card span{color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase}.provenance-node-card strong{color:#111827;font-size:13px;overflow-wrap:anywhere}.provenance-node-card em,.provenance-node-card small{color:#64748b;font-size:12px;font-style:normal;font-weight:700}.provenance-node-card mark{border-radius:8px;background:#ffedd5;padding:5px 6px;color:#9a3412;font-size:11px;font-weight:800}.provenance-edge-list{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px}.provenance-edge-list ul{display:grid;grid-gap:7px;gap:7px;margin:0;padding:0;list-style:none}.provenance-edge-list li{display:grid;grid-gap:3px;gap:3px;border-bottom:1px solid #e2e8f0;padding-bottom:7px}.provenance-edge-list li:last-child{border-bottom:0;padding-bottom:0}.provenance-edge-list strong{color:#0f172a;font-size:12px}.provenance-detail{border-color:#e2e8f0;background:#f8fafc}.provenance-detail[data-empty=true]{border-style:dashed}.provenance-cross-links span,.provenance-detail>div:first-child span{display:block;margin-top:2px;color:#64748b;font-size:12px;font-weight:700;overflow-wrap:anywhere}.service-panel{display:grid;align-content:start;grid-gap:12px;gap:12px;padding:18px}.service-panel>div{padding-bottom:4px}.service-panel h2{font-size:18px}.service-panel>div>p{margin-top:6px;color:#64748b;font-size:14px;line-height:1.45}.status-card{display:grid;grid-gap:10px;gap:10px;border:1px solid #d9dee6;border-radius:8px;padding:14px}.status-card[data-tone=success]{border-color:#86efac;background:#f0fdf4}.status-card[data-tone=warning]{border-color:#fed7aa;background:#fff7ed}.status-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.status-card h3{font-size:15px}.status-card small,.status-card-header span{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}.status-card p{color:#475569;font-size:14px;line-height:1.45}.auth-card{display:grid;grid-gap:8px;gap:8px;border:1px solid #d9dee6;border-radius:8px;background:#ffffff;padding:14px}.auth-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.auth-card h3{color:#0f172a;font-size:15px}.auth-card span{border-radius:8px;background:#edf2f7;padding:4px 8px;color:#334155;font-size:11px;font-weight:800;text-transform:uppercase}.auth-card p{color:#334155;font-size:14px;line-height:1.5}.auth-card small{color:#64748b;font-size:12px}.auth-card a{min-height:40px;background:#111827;padding:10px 14px;color:#ffffff;font-size:14px;font-weight:800;text-decoration:none}.auth-card a,.tholus-signin-button{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;border-radius:8px}.tholus-signin-button img{display:block;width:auto;height:40px}.login-page{display:grid;min-height:100vh;place-items:center;background:linear-gradient(#e5e7eb 1px,transparent 0),linear-gradient(90deg,#e5e7eb 1px,transparent 0),#f8fafc;background-size:28px 28px;padding:24px}.login-panel{display:grid;width:min(100%,440px);grid-gap:22px;gap:22px;border:1px solid #d9dee6;border-radius:8px;background:#ffffff;padding:28px;box-shadow:0 18px 70px rgb(15 23 42/12%)}.login-brand{display:flex;gap:12px;align-items:center}.login-brand>span{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#f4b860;color:#111827;font-size:13px;font-weight:900}.login-brand small,.login-brand strong{display:block}.login-brand small{margin-top:2px;color:#64748b}.login-copy{display:grid;grid-gap:10px;gap:10px}.login-copy h1{font-size:32px;line-height:1.08}.login-copy p:not(.login-kicker){color:#475569;font-size:15px;line-height:1.55}.login-kicker{color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.login-error{border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;padding:11px 12px;color:#9a3412;font-size:14px;line-height:1.45}@media (max-width:960px){.app-shell,.workspace-layout{grid-template-columns:1fr}.app-sidebar{gap:16px}.sidebar-nav ul{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.workspace-canvas{min-height:420px}.builder-mode-grid,.builder-mode-header,.builder-mode-preview-grid,.mock-project-panel,.provider-pilot-grid,.runtime-dashboard-grid,.runtime-grid,.simple-mode-header,.simple-mode-preview-grid,.simple-mode-readiness-grid,.simple-mode-readiness-header,.simple-mode-readiness-meta,.workflow-canvas-grid{grid-template-columns:1fr}.simple-mode-form{grid-template-columns:repeat(2,minmax(150px,1fr))}.workflow-flow-card{height:520px}}@media (max-width:640px){.project-selector,.top-bar{align-items:stretch}.project-selector,.provider-pilot-header,.runtime-dashboard-header,.runtime-panel-header,.top-bar,.workspace-heading{display:grid}.top-bar{grid-template-columns:1fr}.top-bar-context{display:grid;justify-content:stretch}.provider-pilot-controls{grid-template-columns:1fr}.app-content,.workspace-canvas,.workspace-heading{padding:18px}.project-selector select{max-width:none;width:100%}.simple-mode-form{grid-template-columns:1fr}.simple-mode-field-wide{grid-column:auto}h1{font-size:30px}}:root{--studio-paper:#f5f2ec;--studio-panel:#fffdf8;--studio-panel-2:#f9f7f1;--studio-ink:#181714;--studio-ink-2:#4f4a40;--studio-ink-3:#766f62;--studio-line:rgb(41 38 31/12%);--studio-line-strong:rgb(41 38 31/22%);--studio-signal:#187a6c;--studio-signal-soft:#e4f5ee;--studio-amber:#a86618;--studio-amber-soft:#fff2dc;--studio-iris:#5c5a92;--studio-iris-soft:#f0eff8;--studio-code:#111827;--studio-topbar-height:70px}body{background:var(--studio-paper);color:var(--studio-ink)}button,input,select,textarea{accent-color:var(--studio-signal)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgb(24 122 108/34%);outline-offset:2px}.app-shell{grid-template-columns:minmax(0,1fr);background:var(--studio-paper)}.app-shell[data-has-sidebar=true]{grid-template-columns:224px minmax(0,1fr)}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;min-height:100vh;gap:22px;border-right:1px solid var(--studio-line);background:var(--studio-paper);color:var(--studio-ink)}.brand-mark,.login-brand>span{background:var(--studio-ink);color:#f7d27a}.sidebar-brand span{color:var(--studio-ink-3)}.sidebar-link{color:var(--studio-ink-2)}.sidebar-link:focus-visible,.sidebar-link:hover,.sidebar-link[data-active=true],html[data-studio-nav-view=brief] .sidebar-link[data-sidebar-view=brief],html[data-studio-nav-view=canvas] .sidebar-link[data-sidebar-view=canvas],html[data-studio-nav-view=review] .sidebar-link[data-sidebar-view=review],html[data-studio-nav-view=runtime] .sidebar-link[data-sidebar-view=runtime],html[data-studio-nav-view=studio] .sidebar-link[data-sidebar-view=studio]{border-color:rgb(24 122 108/38%);background:var(--studio-panel);color:var(--studio-ink)}.sidebar-link small{color:var(--studio-ink-3)}.top-bar{position:-webkit-sticky;position:sticky;z-index:30;top:0;min-height:var(--studio-topbar-height);grid-template-columns:minmax(180px,.34fr) minmax(320px,1fr) auto;gap:12px;border-bottom:1px solid var(--studio-line);background:rgb(255 253 248/92%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgb(255 255 255/58%)}.top-bar:not([data-has-status=true]){grid-template-columns:minmax(180px,.42fr) minmax(0,1fr)}.top-bar-brand{min-width:0}.top-bar-brand .brand-mark{flex:0 0 auto}.top-bar-brand strong{margin-top:0;color:var(--studio-ink);font-size:15px;line-height:1.1}.top-bar-brand div span{color:var(--studio-ink-3)}.top-bar-context{justify-content:flex-end;gap:14px}.top-bar-workspace{display:grid;grid-gap:2px;gap:2px;min-width:0;text-align:right}.top-bar-status{align-items:center;justify-content:center;overflow-x:auto;overscroll-behavior-x:contain;padding:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top-bar-status::-webkit-scrollbar{display:none}.top-bar-status div{border-color:var(--studio-line);background:rgb(255 253 248/76%);box-shadow:inset 0 1px 0 rgb(255 255 255/64%)}.top-bar-status div[data-tone=success]{border-color:rgb(24 122 108/24%);background:var(--studio-signal-soft)}.top-bar-status div[data-tone=warning]{border-color:rgb(168 102 24/24%);background:var(--studio-amber-soft)}.top-bar-status div[data-tone=accent]{border-color:rgb(92 90 146/22%);background:var(--studio-iris-soft)}.top-bar-status dt{color:var(--studio-ink-3)}.top-bar-status dd{color:var(--studio-ink)}.project-selector span,.status-card small,.status-card-header span,.top-bar-label{color:var(--studio-ink-3)}.auth-card h3,.project-selector select,.status-card h3,.top-bar strong{color:var(--studio-ink)}.app-content{padding:16px}.studio-layout{display:grid;grid-gap:14px;gap:14px;min-width:0}.studio-hero{display:grid;grid-template-columns:minmax(300px,1fr) minmax(520px,1.1fr);grid-gap:12px;gap:12px;align-items:stretch;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel);padding:12px 14px}.studio-hero h1{max-width:780px;margin-top:8px;font-size:28px;line-height:1}.studio-hero p{max-width:60ch;margin-top:8px;color:var(--studio-ink-2);font-size:14px;line-height:1.5}.studio-system-card{margin-top:2px}.studio-service-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.studio-service-strip .auth-card,.studio-service-strip .status-card{gap:6px;padding:10px}.studio-service-strip .status-card p{display:none}.auth-card,.status-card{border-color:var(--studio-line);background:var(--studio-panel-2)}.status-card[data-tone=success]{border-color:rgb(24 122 108/28%);background:var(--studio-signal-soft)}.status-card[data-tone=warning]{border-color:rgb(168 102 24/26%);background:var(--studio-amber-soft)}.studio-auth-card p,.studio-auth-card small{overflow-wrap:anywhere}.runtime-drawer{border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel)}.runtime-drawer>summary{display:flex;min-height:58px;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.runtime-drawer>summary::-webkit-details-marker{display:none}.runtime-drawer>summary span,.workbench-eyebrow span,.workbench-metrics dt,.workbench-note strong,.workbench-view-nav button span{color:var(--studio-ink-3);font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase}.runtime-drawer>summary strong{color:var(--studio-ink);font-size:14px}.runtime-drawer-grid{display:grid;grid-gap:14px;gap:14px;border-top:1px solid var(--studio-line);padding:14px}.runtime-offline-placeholder{display:grid;grid-gap:5px;gap:5px;border:1px dashed var(--studio-line-strong);border-radius:8px;background:var(--studio-panel-2);padding:14px}.runtime-offline-placeholder strong{color:var(--studio-ink);font-size:14px}.runtime-offline-placeholder span{color:var(--studio-ink-2);font-size:13px}.creative-workbench{gap:0;overflow:visible;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel);padding:0}.workbench-command{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,620px);grid-gap:14px;gap:14px;align-items:center;border-bottom:1px solid var(--studio-line);padding:12px 14px}.workbench-title-block{display:grid;grid-gap:7px;gap:7px}.workbench-title-block h2{font-size:22px;line-height:1.05}.workbench-title-block p{color:var(--studio-ink-2);font-size:14px;line-height:1.45}.workbench-eyebrow{display:flex;gap:8px;align-items:center}.info-hint{position:relative;display:inline-flex}.info-hint button{display:inline-grid;width:22px;min-width:22px;height:22px;min-height:22px;place-items:center;border:1px solid var(--studio-line);border-radius:999px;background:var(--studio-panel-2);color:var(--studio-ink-2);font:inherit;font-size:12px;font-weight:900;cursor:help}.info-hint [role=tooltip]{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(260px,70vw);border:1px solid var(--studio-line-strong);border-radius:8px;background:var(--studio-ink);padding:9px 10px;color:#fffdf8;font-size:12px;line-height:1.35;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.info-hint:focus-within [role=tooltip],.info-hint:hover [role=tooltip]{opacity:1;transform:translateY(0)}.workbench-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.workbench-metrics div{border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel-2);padding:10px}.workbench-metrics dd{margin:4px 0 0;color:var(--studio-ink);font-size:15px;font-weight:850;overflow-wrap:anywhere}.workbench-view-nav{position:-webkit-sticky;position:sticky;z-index:24;top:var(--studio-topbar-height);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:4px;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;border-bottom:1px solid var(--studio-line);border-radius:8px 8px 0 0;background:rgb(249 247 241/92%);padding:6px;scroll-padding-inline:6px;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgb(255 255 255/70%),0 10px 26px rgb(41 38 31/6%);-webkit-overflow-scrolling:touch}.workbench-view-nav::-webkit-scrollbar{display:none}.workbench-view-nav button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;min-height:58px;grid-gap:2px 9px;gap:2px 9px;align-items:center;scroll-snap-align:start;border:1px solid transparent;border-radius:8px;background:transparent;padding:9px 10px 10px;color:var(--studio-ink-2);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.workbench-view-nav button:hover,.workbench-view-nav button[aria-selected=true]{background:var(--studio-panel);color:var(--studio-ink)}.workbench-view-nav button[aria-selected=true]{border-color:rgb(24 122 108/34%);box-shadow:inset 0 0 0 1px rgb(255 255 255/72%),0 8px 18px rgb(41 38 31/8%)}.workbench-view-nav button[aria-selected=true]:after{content:"";position:absolute;right:10px;bottom:6px;left:48px;height:2px;border-radius:999px;background:var(--studio-signal)}.workbench-view-nav button small,.workbench-view-nav button strong{display:block;min-width:0}.workbench-view-nav button span{grid-row:1/span 2;display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--studio-line);border-radius:999px;background:rgb(255 253 248/82%);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.workbench-view-nav button[aria-selected=true] span{border-color:var(--studio-signal);background:var(--studio-signal);color:#ffffff}.workbench-view-nav button strong{font-size:14px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-view-nav button small{color:var(--studio-ink-3);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workbench-view-stage{min-width:0;padding:14px}.workbench-brief-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:14px;gap:14px;align-items:start}.workbench-context-stack,.workbench-main-stack{display:grid;align-content:start;grid-gap:14px;gap:14px;min-width:0}.workbench-context-stack .mock-project-panel,.workbench-context-stack .mock-project-panel dl{grid-template-columns:1fr}.workbench-note{display:grid;grid-gap:8px;gap:8px;border:1px solid rgb(24 122 108/20%);border-radius:8px;background:var(--studio-signal-soft);padding:14px}.workbench-note p{color:var(--studio-ink-2);font-size:13px;line-height:1.45}.workbench-canvas-view{display:grid;grid-gap:12px;gap:12px}.workbench-assets-grid,.workbench-lineage-grid,.workbench-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start}.workbench-lineage-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.workflow-toolbar{display:grid;grid-template-columns:minmax(140px,.35fr) minmax(220px,.55fr) minmax(0,1.75fr) auto;grid-gap:8px;gap:8px;border-color:var(--studio-line);background:var(--studio-panel-2);padding:8px}.workflow-json-panel span,.workflow-toolbar>div:first-child span{color:var(--studio-ink-3)}.node-palette{flex-wrap:nowrap;max-width:none;overflow-x:auto;padding-bottom:0}.workflow-toolbar .node-palette button{min-height:48px;min-width:132px;padding:7px 10px}.workflow-toolbar .preset-loader{padding:6px}.workflow-toolbar .preset-loader button{min-height:46px;padding:7px 10px}.workflow-toolbar .run-button{min-height:48px;padding:7px 12px}.mock-assets-actions button,.mock-cost-ledger-controls button,.mock-export-actions button,.mock-run-actions button,.node-palette button,.preset-loader button,.quality-review-actions button,.quality-review-form button,.run-button,.simple-mode-actions button,.workflow-version-actions button{border-radius:8px}.preset-loader{border-color:rgb(92 90 146/18%);background:#f0eff8}.preset-loader button{border-color:var(--studio-iris);background:var(--studio-iris)}.mock-export-actions button:last-child,.run-button,.simple-mode-actions button:first-child{border-color:var(--studio-signal);background:var(--studio-signal)}.workflow-canvas-grid{grid-template-columns:minmax(0,1fr)}.workflow-flow-card{height:min(78vh,860px);min-height:640px;border-color:var(--studio-line);background:radial-gradient(circle at 1px 1px,rgb(24 122 108/16%) 1px,transparent 0),#fffdf8;background-size:22px 22px}.workflow-side-panels-compact{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;padding-right:0}.registry-flow-node{width:250px;border-color:var(--studio-line-strong);background:#fffdf8;box-shadow:0 12px 28px rgb(41 38 31/9%)}.registry-flow-node[data-selected=true]{border-color:var(--studio-signal);box-shadow:0 0 0 3px rgb(24 122 108/14%),0 16px 34px rgb(41 38 31/12%)}.workflow-flow-card .react-flow__edge-path,.workflow-flow-card .react-flow__handle{stroke:var(--studio-signal)}.workflow-flow-card .react-flow__handle{background:var(--studio-signal)}.builder-mode-panel,.compare-select-panel,.creative-direction-panel,.mock-assets-panel,.mock-cost-ledger-panel,.mock-export-panel,.mock-rerun-panel,.mock-run-panel,.provenance-graph-panel,.provider-pilot,.quality-review-panel,.runtime-dashboard,.runtime-panel,.simple-mode-panel,.workflow-inspector,.workflow-json-panel,.workflow-version-panel{border-color:var(--studio-line);background:var(--studio-panel)}.builder-mode-header dl,.creative-direction-summary,.mock-project-panel,.quality-target-summary,.simple-mode-header dl,.simple-mode-preview,.simple-mode-studio-readiness{border-color:rgb(24 122 108/18%);background:var(--studio-signal-soft)}.simple-mode-form{grid-template-columns:minmax(320px,1.2fr) repeat(3,minmax(150px,1fr))}.simple-mode-field-wide{grid-column:span 2}.compare-empty-state,.mock-assets-empty,.mock-cost-ledger-empty,.mock-export-empty,.provenance-empty,.quality-review-empty,.simple-mode-empty,.workflow-version-empty{border-color:var(--studio-line);background:var(--studio-panel-2)}.workflow-json-panel{display:block;overflow:hidden}.workflow-json-panel>summary{display:grid;grid-gap:4px;gap:4px;cursor:pointer;padding:14px}.workflow-json-panel>p{padding:0 14px 12px;color:var(--studio-ink-2);font-size:13px}.builder-mode-json-card pre,.creative-direction-snapshot pre,.simple-mode-json,.workflow-json-panel pre{background:var(--studio-code)}.asset-command-center{display:grid;grid-gap:14px;gap:14px;min-width:0}.asset-command-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);grid-gap:12px;gap:12px;align-items:stretch;border:1px solid var(--studio-line);border-radius:8px;background:#fffdf8;padding:14px}.asset-command-title{display:grid;align-content:center;grid-gap:6px;gap:6px;min-width:0}.asset-command-metrics dt,.asset-command-title span,.asset-flow-steps span,.asset-intake-strip span,.asset-library-toolbar span,.asset-panel-heading span{color:var(--studio-ink-3);font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase}.asset-command-title h2{color:var(--studio-ink);font-size:26px;line-height:1}.asset-command-title p,.asset-empty-state p,.asset-inline-empty,.asset-intake-strip p,.asset-media-empty-copy span,.asset-panel-heading p{color:var(--studio-ink-2);font-size:13px;line-height:1.45}.asset-command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.asset-command-metrics div{display:grid;align-content:center;min-width:0;border:1px solid var(--studio-line);border-radius:8px;background:#f8fafc;padding:10px}.asset-command-metrics dd{margin:4px 0 0;color:var(--studio-ink);font-size:16px;font-weight:850;line-height:1.1;overflow-wrap:anywhere}.asset-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.asset-flow-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:3px 9px;gap:3px 9px;min-width:0;border:1px solid var(--studio-line);border-radius:8px;background:#f8fafc;padding:10px}.asset-flow-steps span{grid-row:span 2;display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:#eef2f7;color:var(--studio-ink-2)}.asset-flow-steps li[data-state=active]{border-color:rgb(24 122 108/36%);background:var(--studio-signal-soft)}.asset-flow-steps li[data-state=active] span,.asset-flow-steps li[data-state=ready] span{background:var(--studio-signal);color:#ffffff}.asset-flow-steps strong{min-width:0;color:var(--studio-ink);font-size:13px;line-height:1.15}.asset-flow-steps small{min-width:0;color:var(--studio-ink-3);font-size:12px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);grid-gap:14px;gap:14px;align-items:start;min-width:0}.asset-cost-dock,.asset-export-dock,.asset-library-pane,.asset-preview-panel{display:grid;grid-gap:12px;gap:12px;min-width:0;border:1px solid var(--studio-line);border-radius:8px;background:#fffdf8;padding:12px}.asset-library-pane{align-self:start;align-content:start}.asset-side-rail{display:grid;align-self:start;align-content:start;grid-gap:12px;gap:12px;min-width:0}.asset-intake-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;border:1px solid rgb(24 122 108/22%);border-radius:8px;background:var(--studio-signal-soft);padding:12px}.asset-intake-strip>div:first-child{display:grid;grid-gap:5px;gap:5px;min-width:0}.asset-intake-strip strong,.asset-library-toolbar h3,.asset-panel-heading h3{color:var(--studio-ink);font-size:16px;line-height:1.15;overflow-wrap:anywhere}.asset-budget-controls,.asset-export-actionbar,.asset-intake-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}.asset-budget-controls button,.asset-export-actionbar button,.asset-intake-actions button{min-height:38px;border:1px solid var(--studio-line-strong);border-radius:8px;background:#ffffff;padding:8px 11px;color:var(--studio-ink);font:inherit;font-size:12px;font-weight:850;cursor:pointer}.asset-budget-controls button:disabled,.asset-export-actionbar button:disabled,.asset-intake-actions button:disabled{cursor:not-allowed;opacity:.54}.asset-export-actionbar .asset-primary-action,.asset-intake-actions .asset-primary-action{border-color:var(--studio-signal);background:var(--studio-signal);color:#ffffff}.asset-library-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-end;min-width:0}.asset-library-toolbar>div:first-child{display:grid;grid-gap:3px;gap:3px}.asset-filter-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.asset-filter-chips span{border:1px solid var(--studio-line);border-radius:999px;background:#f8fafc;padding:6px 9px}.asset-filter-chips span[data-active=true]{border-color:rgb(24 122 108/28%);background:var(--studio-signal-soft);color:var(--studio-signal)}.asset-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:12px;gap:12px}.asset-library-card{display:grid;min-width:0;overflow:hidden;border:1px solid var(--studio-line);border-radius:8px;background:#ffffff}.asset-library-card[data-selected=true]{border-color:rgb(24 122 108/44%);box-shadow:0 0 0 3px rgb(24 122 108/10%)}.asset-card-main{display:grid;width:100%;min-width:0;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.asset-card-media{position:relative;display:grid;min-height:154px;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--studio-line);background:linear-gradient(135deg,rgb(24 122 108/10%),transparent 42%),#f1f5f9}.asset-card-media[data-has-media=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 23 42/4%),rgb(15 23 42/42%))}.asset-card-media>span{position:absolute;z-index:1;right:9px;bottom:9px;border-radius:999px;background:rgb(15 23 42/72%);padding:5px 8px;color:#ffffff;font-size:11px;font-weight:850}.asset-card-body{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:10px}.asset-card-body strong,.asset-cost-event-strip strong,.asset-export-row strong{color:var(--studio-ink);font-size:13px;line-height:1.2;overflow-wrap:anywhere}.asset-card-body small,.asset-card-body span,.asset-cost-event-strip span,.asset-export-row small,.asset-export-row span{color:var(--studio-ink-3);font-size:12px;font-weight:750;overflow-wrap:anywhere}.asset-card-export-toggle{display:flex;gap:8px;align-items:center;min-height:42px;border-top:1px solid var(--studio-line);background:#f8fafc;padding:8px 10px;color:var(--studio-ink-2);font-size:12px;font-weight:850}.asset-card-export-toggle input{width:18px;height:18px}.asset-empty-state,.asset-inline-empty{display:grid;grid-gap:7px;gap:7px;border:1px dashed var(--studio-line-strong);border-radius:8px;background:#f8fafc;padding:14px}.asset-empty-state span{color:var(--studio-ink-3);font-size:11px;font-weight:850;text-transform:uppercase}.asset-empty-state strong{color:var(--studio-ink);font-size:15px}.asset-panel-heading{display:grid;grid-gap:4px;gap:4px;min-width:0}.asset-media-frame{position:relative;display:grid;min-height:280px;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--studio-line);border-radius:8px;background:linear-gradient(135deg,rgb(92 90 146/11%),transparent 42%),#f8fafc}.asset-media-frame[data-has-media=true]{background:#111827}.asset-media-frame[data-has-media=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 23 42/8%),transparent 34%),linear-gradient(0deg,rgb(15 23 42/78%),transparent 58%)}.asset-media-caption{position:relative;z-index:1;display:grid;align-content:end;grid-gap:6px;gap:6px;min-height:100%;padding:12px;color:#ffffff}.asset-media-caption small{width:-moz-fit-content;width:fit-content;border-radius:999px;background:rgb(255 255 255/14%);padding:5px 8px;font-size:11px;font-weight:850;text-transform:uppercase}.asset-media-caption strong{font-size:16px;line-height:1.1;overflow-wrap:anywhere}.asset-media-caption span{font-size:12px;font-weight:750;opacity:.8}.asset-media-caption a{width:-moz-fit-content;width:fit-content;border-radius:8px;background:rgb(255 255 255/16%);padding:7px 9px;color:#ffffff;font-size:12px;font-weight:850;text-decoration:none}.asset-media-empty-copy{display:grid;place-content:center;grid-gap:7px;gap:7px;padding:20px;text-align:center}.asset-media-empty-copy strong{color:var(--studio-ink);font-size:16px}.asset-detail-summary,.asset-export-summary{display:grid;grid-gap:10px;gap:10px;min-width:0}.asset-cost-stats,.asset-detail-summary dl,.asset-export-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.asset-cost-stats div,.asset-detail-summary dl div,.asset-export-summary dl div{min-width:0;border:1px solid var(--studio-line);border-radius:8px;background:#f8fafc;padding:9px}.asset-cost-stats dt,.asset-detail-summary dt,.asset-export-summary dt{color:var(--studio-ink-3);font-size:10px;font-weight:850;text-transform:uppercase}.asset-cost-stats dd,.asset-detail-summary dd,.asset-export-summary dd{margin:4px 0 0;color:var(--studio-ink);font-size:12px;font-weight:800;overflow-wrap:anywhere}.asset-detail-summary p{border:1px solid rgb(92 90 146/18%);border-radius:8px;background:#f5f3ff;padding:9px;color:#3f3b76;font-size:12px;line-height:1.4}.asset-detail-summary code,.asset-export-summary code{display:block;max-height:104px;overflow:auto;border-radius:8px;background:var(--studio-code);padding:9px;color:#e2e8f0;font-size:11px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.asset-budget-controls,.asset-export-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.asset-budget-controls label,.asset-export-form label{display:grid;grid-gap:5px;gap:5px;color:var(--studio-ink-2);font-size:12px;font-weight:850}.asset-budget-controls input,.asset-export-form select{width:100%;min-height:38px;border:1px solid var(--studio-line-strong);border-radius:8px;background:#ffffff;padding:8px 10px;color:var(--studio-ink);font:inherit;font-size:12px;font-weight:750}.asset-export-actionbar{justify-content:stretch}.asset-export-actionbar>span{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--studio-line);border-radius:8px;background:#f8fafc;padding:8px 10px;color:var(--studio-ink-2);font-size:12px;font-weight:850}.asset-cost-event-strip,.asset-export-list{display:grid;grid-gap:8px;gap:8px}.asset-cost-event-strip article,.asset-export-row{display:grid;grid-gap:4px;gap:4px;width:100%;border:1px solid var(--studio-line);border-radius:8px;background:#ffffff;padding:10px;color:inherit;font:inherit;text-align:left}.asset-export-row{cursor:pointer}.asset-export-row[data-selected=true]{border-color:rgb(92 90 146/44%);background:#f5f3ff}.asset-budget-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:flex-end}.asset-cost-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-cost-warnings{display:grid;grid-gap:6px;gap:6px;margin:0;border:1px solid rgb(168 102 24/22%);border-radius:8px;background:var(--studio-amber-soft);padding:10px 10px 10px 26px;color:#8a4f10;font-size:12px;font-weight:750}.asset-card-main,.asset-export-row,.asset-library-card,.compare-candidate-card,.mock-asset-card,.mock-export-card,.node-palette button,.output-preview-stage,.output-preview-thumb,.registry-flow-node,.runtime-drawer>summary,.workbench-view-nav button{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.asset-export-row:hover,.asset-library-card:hover,.compare-candidate-card:hover,.mock-asset-card:hover,.mock-export-card:hover,.node-palette button:hover,.output-preview-thumb:hover,.runtime-drawer>summary:hover,.workbench-view-nav button:hover{border-color:var(--studio-line-strong);box-shadow:0 10px 24px rgb(41 38 31/8%)}.asset-export-row:hover,.asset-library-card:hover,.compare-candidate-card:hover,.mock-asset-card:hover,.mock-export-card:hover,.output-preview-thumb:hover{transform:translateY(-1px)}.asset-budget-controls button:focus-visible,.asset-card-export-toggle input:focus-visible,.asset-card-main:focus-visible,.asset-export-actionbar button:focus-visible,.asset-export-row:focus-visible,.asset-intake-actions button:focus-visible,.compare-candidate-controls button:focus-visible,.mock-asset-card:focus-visible,.mock-assets-actions button:focus-visible,.mock-export-actions button:focus-visible,.mock-export-card:focus-visible,.node-palette button:focus-visible,.runtime-drawer>summary:focus-visible,.workbench-view-nav button:focus-visible{outline:3px solid rgb(24 122 108/22%);outline-offset:2px}@media (prefers-reduced-motion:reduce){.asset-card-main,.asset-export-row,.asset-library-card,.compare-candidate-card,.mock-asset-card,.mock-export-card,.node-palette button,.output-preview-stage,.output-preview-thumb,.registry-flow-node,.runtime-drawer>summary,.workbench-view-nav button{transition:none}.asset-export-row:hover,.asset-library-card:hover,.compare-candidate-card:hover,.mock-asset-card:hover,.mock-export-card:hover,.output-preview-thumb:hover{transform:none}}@media (max-width:1220px){.asset-command-header,.asset-workspace-grid,.creative-direction-grid,.creative-direction-grid-bottom,.creative-direction-header,.studio-hero,.workbench-assets-grid,.workbench-brief-grid,.workbench-command,.workbench-lineage-grid,.workbench-review-grid,.workflow-canvas-grid,.workflow-toolbar{grid-template-columns:1fr}.asset-side-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.asset-media-frame{min-height:240px}.studio-service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-side-panels-compact{grid-template-columns:1fr;max-height:none;overflow:visible}.workflow-flow-card{height:640px}.output-preview-stage{grid-template-columns:1fr}}@media (max-width:960px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid var(--studio-line);padding:14px}.sidebar-brand{justify-content:space-between}.sidebar-nav ul{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.sidebar-nav li{flex:0 0 auto}.sidebar-link{min-width:132px}.asset-command-metrics,.asset-flow-steps,.asset-side-rail,.studio-service-strip,.workbench-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-intake-strip{grid-template-columns:1fr}.asset-intake-actions{justify-content:stretch}.asset-intake-actions button{flex:1 1 132px}.output-preview-viewport{grid-template-columns:minmax(88px,104px) minmax(0,1fr)}.workbench-view-nav{display:flex;max-width:100%;overflow-x:auto}.workbench-view-nav button{flex:0 0 clamp(116px,28vw,152px)}.creative-reference-item,.creative-shot-item{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){:root{--studio-topbar-height:104px}.project-selector,.top-bar{align-items:stretch}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,170px);grid-template-areas:"brand context" "status status";grid-gap:8px 10px;gap:8px 10px;min-height:auto;padding:12px}.top-bar-brand{grid-area:brand}.top-bar-brand div span{display:none}.top-bar-status{grid-area:status;justify-content:flex-start;margin:0 -2px;padding:0 2px}.top-bar-status div{flex:0 0 auto;min-height:30px;padding:6px 9px}.top-bar-status dt{font-size:10px}.top-bar-status dd{font-size:11px}.top-bar-context{grid-area:context;display:grid;justify-content:stretch;grid-gap:0;gap:0}.top-bar-workspace{display:none}.project-selector{display:grid}.project-selector span{display:none}.project-selector:after{bottom:15px}.project-selector select{max-width:none;width:100%;min-height:38px;padding-block:8px;font-size:13px}.sidebar-brand{align-items:start}.brand-mark{width:34px;height:34px}.sidebar-link{min-width:112px;min-height:44px;padding:8px 10px}.sidebar-link small{display:none}.app-content,.studio-hero,.workbench-command,.workbench-view-stage{padding:12px}.app-content{overflow:visible}.creative-direction-card,.creative-direction-grid,.creative-direction-grid-bottom,.creative-direction-header,.creative-direction-panel,.creative-workbench,.mock-project-panel,.simple-mode-panel,.studio-layout,.workbench-assets-grid,.workbench-brief-grid,.workbench-lineage-grid,.workbench-review-grid,.workbench-view-stage,.workflow-canvas-grid,.workflow-toolbar{min-width:0}.asset-budget-controls,.asset-command-metrics,.asset-cost-stats,.asset-detail-summary dl,.asset-export-form,.asset-export-summary dl,.asset-flow-steps,.asset-side-rail,.creative-reference-item,.creative-shot-item,.simple-mode-form,.studio-service-strip,.workbench-metrics{grid-template-columns:1fr}.asset-command-header,.asset-cost-dock,.asset-export-dock,.asset-library-pane,.asset-preview-panel{padding:10px}.asset-command-title h2{font-size:22px}.asset-library-grid{grid-template-columns:1fr}.asset-library-toolbar{align-items:stretch}.asset-filter-chips{justify-content:flex-start}.asset-media-frame{min-height:220px;aspect-ratio:1/1}.asset-export-actionbar{display:grid;grid-template-columns:1fr}.creative-direction-wide-field,.simple-mode-field-wide{grid-column:auto}.studio-hero h1{font-size:28px}.workflow-flow-card{min-height:520px;height:560px}.workbench-command{gap:10px}.info-hint [role=tooltip]{left:50%;width:min(240px,calc(100vw - 32px));transform:translate(-50%,-4px)}.info-hint:focus-within [role=tooltip],.info-hint:hover [role=tooltip]{transform:translate(-50%)}.workbench-title-block h2{font-size:20px}.workbench-view-nav{gap:7px;padding:7px 12px;scroll-padding-inline:7px;scroll-snap-type:x mandatory}.workbench-view-nav button{flex-basis:clamp(104px,36vw,138px);min-height:56px;padding:9px 10px}.workbench-view-nav button span{width:26px;height:26px}.workbench-view-nav button[aria-selected=true]:after{left:44px}.workbench-view-nav button strong{font-size:13px}.workbench-view-nav button small{font-size:11px}.output-preview-viewport{grid-template-columns:1fr}.output-preview-phone{width:min(150px,52vw);min-height:240px}}