:root{--bg: #0f1117;--bg-2: #141720;--bg-3: #1a1e29;--panel: #171a23;--panel-2: #1e2330;--panel-3: #242a38;--border: #2b3140;--border-2: #394151;--text: #f4f6fb;--text-2: #c9cedb;--muted: #858c9d;--muted-2: #606879;--accent: #8f7aff;--accent-2: #66dbc2;--warning: #f4bf68;--danger: #f87171;--success: #5fd28a;--shadow: 0 24px 80px rgba(0, 0, 0, .36);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);letter-spacing:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);background:radial-gradient(circle at 16% 10%,rgba(102,219,194,.12),transparent 32%),radial-gradient(circle at 86% 24%,rgba(143,122,255,.16),transparent 28%),var(--bg)}.auth-brand{padding:54px 60px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);gap:56px}.brand-mark{display:inline-flex;align-items:center;gap:12px;font-weight:760}.brand-symbol,.workspace-dot{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(102,219,194,.34);background:linear-gradient(135deg,#66dbc22e,#8f7aff2e);border-radius:8px;color:var(--accent-2);font-size:13px;font-weight:800;flex:0 0 auto}.auth-copy{max-width:650px}.auth-copy h1{margin:0 0 20px;font-size:clamp(42px,5vw,72px);line-height:.98}.auth-copy p,.page-head p,.agent-card p,.recipe-body span,.plan-card p{color:var(--muted);line-height:1.6}.auth-copy p{margin:0;max-width:600px;font-size:18px}.auth-preview{max-width:620px;border:1px solid var(--border);background:#141720bd;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.preview-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.preview-grid{display:grid;grid-template-columns:150px 1fr;min-height:280px}.preview-nav{border-right:1px solid var(--border);background:#0c0e1485;padding:16px}.preview-nav span,.preview-content>span{display:block;height:10px;border-radius:99px;background:var(--panel-3);margin-bottom:12px}.preview-nav span:nth-child(1){width:82px;background:#8f7aff8c}.preview-nav span:nth-child(2){width:112px}.preview-nav span:nth-child(3){width:94px}.preview-content{padding:20px}.preview-content>span:nth-child(1){width:210px;height:18px;background:#eef2ff}.preview-content>span:nth-child(2){width:330px}.mini-cards{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mini-cards i{height:74px;border:1px solid var(--border);background:linear-gradient(90deg,rgba(102,219,194,.52),transparent 70%) 12px 16px / 74% 11px no-repeat,linear-gradient(90deg,var(--panel-3),transparent 56%) 12px 40px / 58% 9px no-repeat,var(--panel);border-radius:8px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card,.settings-card,.agent-brief,.chat-panel,.preview-panel,.agent-card,.business-config-panel,.business-result-panel,.vibe-input-panel,.vibe-output-block,.delivery-lane{border:1px solid var(--border);background:var(--panel);border-radius:8px}.auth-card{width:min(100%,430px);padding:26px;box-shadow:var(--shadow)}.auth-card h2,.settings-card h3,.page-head h2{margin:0}.auth-card p{margin:8px 0 22px;color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#11141d;border:1px solid var(--border);border-radius:8px;margin-bottom:18px}.auth-tab,.language-option,.primary-btn,.secondary-btn,.ghost-btn,.nav-btn,.filter-btn{border-radius:8px;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.auth-tab{border:0;color:var(--muted);background:transparent;padding:10px;font-weight:700}.auth-tab.active{background:var(--panel-3);color:var(--text)}.language-switcher{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:160px;padding:4px;border:1px solid var(--border);background:#11141d;border-radius:8px}.auth-card .language-switcher{width:100%;margin-bottom:18px}.language-option{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:var(--muted);padding:0 8px;font-weight:800}.language-option span{font-size:11px;color:var(--accent-2)}.language-option b{font-size:12px}.language-option.active{background:var(--panel-3);color:var(--text)}.field{display:grid;gap:8px;margin-bottom:14px}.compact-field{margin-top:14px;margin-bottom:0}.field span{color:var(--text-2);font-weight:700;font-size:13px}.field input,.field textarea,.search-field input{width:100%;border:1px solid var(--border);background:#11141d;color:var(--text);border-radius:8px;padding:12px 13px;min-width:0;outline:none}.field textarea{min-height:118px;resize:vertical;line-height:1.55}.field input:focus,.field textarea:focus,.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #8f7aff24}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid rgba(143,122,255,.54);background:linear-gradient(135deg,#7665e8,#2fbca5);color:#fff;font-weight:800;padding:0 18px}.primary-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#66dbc2ad}.secondary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--border);background:var(--panel-2);color:var(--text-2);padding:0 14px;font-weight:700}.ghost-btn{background:transparent}.secondary-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){border-color:var(--border-2);color:var(--text)}.form-error{min-height:18px;margin:10px 0 0;color:var(--danger);font-size:13px}.form-note{margin-top:8px;color:var(--text-2);font-size:13px;line-height:1.4}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr);transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{min-height:100vh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#10131b;overflow:hidden}.side-head{height:68px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--border)}.side-title{min-width:0}.side-title b,.side-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-title span{color:var(--muted);font-size:12px;margin-top:2px}.sidebar.collapsed .side-head{justify-content:center;padding:0}.sidebar.collapsed .side-title,.sidebar.collapsed .nav-btn span{display:none}.side-nav,.side-foot{display:grid;gap:7px;padding:16px 10px}.side-foot{margin-top:auto;border-top:1px solid var(--border)}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:0 12px;font-weight:700}.sidebar.collapsed .nav-btn{justify-content:center;padding:0}.nav-btn:hover,.nav-btn.active{background:var(--panel);border-color:var(--border);color:var(--text)}.main{min-width:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);background:#0f1117db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;padding:0 28px}.top-title,.top-actions{display:flex;align-items:center;gap:10px;min-width:0}.icon-btn{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border);background:var(--panel);color:var(--text-2);border-radius:8px}.icon-btn:hover{border-color:var(--border-2);color:var(--text)}.topbar h1{margin:0;font-size:18px}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;max-width:360px;padding:0 12px;border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--success);box-shadow:0 0 12px #5fd28ab3;flex:0 0 auto}.content{max-width:1480px;padding:28px 34px 46px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.page-head h2{font-size:28px;line-height:1.08}.page-head p{margin:8px 0 0;max-width:720px}.create-workspace{margin-bottom:24px}.workflow-strip{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px;border:1px solid var(--border);background:#11141d;border-radius:8px;overflow-x:auto}.workflow-step{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--border);background:var(--panel);border-radius:8px;color:var(--text-2);font-size:13px;font-weight:800;white-space:nowrap}.workflow-step svg{color:var(--accent-2)}.workflow-branches{display:flex;gap:8px}.workflow-step.branch{border-color:#f4bf685c}.business-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;margin-bottom:20px}.business-config-panel{display:grid;gap:18px;padding:18px}.config-section{display:grid;gap:14px;padding-bottom:18px;border-bottom:1px dashed var(--border)}.config-section:last-of-type{padding-bottom:0;border-bottom:0}.config-section-head{display:flex;gap:12px;align-items:flex-start}.config-section-head h3,.config-section-head p{margin:0}.config-section-head h3{font-size:18px}.config-section-head p{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}.step-num{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#66dbc224;color:var(--accent-2);border:1px solid rgba(102,219,194,.3);font-weight:900;flex:0 0 auto}.tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.select-tile{min-height:46px;border:1px solid var(--border);background:#11141d;color:var(--text-2);border-radius:8px;padding:0 12px;font-weight:800;text-align:center}.select-tile:hover,.select-tile.active{border-color:#66dbc299;background:#66dbc21f;color:var(--text)}.tile-grid.styles{grid-template-columns:repeat(5,minmax(0,1fr))}.style-tile{display:grid;align-content:center;gap:8px;min-height:72px}.style-tile span{width:100%;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--warning),var(--accent))}.upload-zone{min-height:92px;display:grid;place-items:center;gap:8px;border:1px dashed var(--border-2);background:#11141d;border-radius:8px;color:var(--text-2);padding:18px;cursor:pointer;text-align:center}.upload-zone input{display:none}.upload-zone svg{color:var(--accent-2)}.file-list{display:grid;gap:8px}.file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;border:1px solid var(--border);background:#11141d;border-radius:8px;padding:0 10px}.file-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:13px}.file-row button{border:0;background:transparent;color:var(--danger);font-size:12px;font-weight:800;padding:0}.business-actions{display:flex;justify-content:flex-end}.business-result-panel{position:sticky;top:92px;overflow:hidden}.result-stack{display:grid;gap:12px;padding:14px}.result-field{display:grid;gap:7px}.result-field span{color:var(--text-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.result-field pre,.vibe-output-block pre{margin:0;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:#11141d;border-radius:8px;color:var(--text-2);padding:12px;font:12px/1.55 Menlo,Consolas,monospace}.countdown-tag{display:inline-flex;align-items:center;gap:6px;color:var(--warning)}.delivery-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 24px}.delivery-lane{padding:16px}.delivery-lane h3{margin:0 0 12px;font-size:17px}.delivery-lane ol{margin:0;padding-left:20px}.delivery-lane li{margin:8px 0;color:var(--text-2);line-height:1.45}.agent-brief{padding:18px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kicker" "industry" "prompt" "actions";gap:14px;align-items:start;align-content:start}.brief-kicker{grid-area:kicker;display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--accent-2);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.industry-field,.prompt-field{margin:0}.industry-field{grid-area:industry}.prompt-field{grid-area:prompt}.prompt-field textarea{min-height:132px}.brief-actions{grid-area:actions;display:flex;justify-content:flex-end;align-self:start}.brief-actions .primary-btn{min-width:220px}.recipes-band{padding-top:2px}.section-title,.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title h3{margin:0;font-size:18px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.filter-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);padding:8px 13px;white-space:nowrap;font-size:13px;font-weight:800}.filter-btn.active,.filter-btn:hover{background:var(--panel-3);color:var(--text);border-color:var(--border-2)}.recipes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.recipe-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;min-height:116px;border:1px solid transparent;background:transparent;color:inherit;text-align:left;border-radius:8px;padding:10px}.recipe-card:hover{background:var(--panel);border-color:var(--border)}.shot{height:92px;border:1px solid var(--border-2);border-radius:8px;background:#131720;overflow:hidden;position:relative;box-shadow:inset 0 1px #ffffff0a}.shot:before{content:"";display:block;height:17px;border-bottom:1px solid var(--border);background:#0c0f16}.shot:after{content:"";position:absolute;inset:29px 10px 10px;background:linear-gradient(90deg,var(--shot-a),transparent 60%) 0 0 / 100% 10px no-repeat,linear-gradient(90deg,#343b4c 52%,transparent 52%) 0 20px / 100% 8px no-repeat,linear-gradient(90deg,#2a3040 34%,transparent 34%) 0 36px / 100% 8px no-repeat,linear-gradient(90deg,#313849 74%,transparent 74%) 0 52px / 100% 8px no-repeat;border-radius:4px}.shot[data-layout=grid]{background:linear-gradient(#222837,#222837) 10px 30px / 34px 24px no-repeat,linear-gradient(#222837,#222837) 52px 30px / 34px 24px no-repeat,linear-gradient(#222837,#222837) 94px 30px / 34px 24px no-repeat,linear-gradient(#242b3a,#242b3a) 10px 62px / 118px 8px no-repeat,#131720}.shot[data-layout=grid]:after{background:linear-gradient(90deg,var(--shot-a),transparent 50%) 10px 68px / 88px 8px no-repeat,linear-gradient(90deg,#313849,transparent 70%) 10px 84px / 110px 7px no-repeat}.shot[data-layout=table]:after{background:linear-gradient(90deg,var(--shot-a),transparent 46%) 0 0 / 100% 8px no-repeat,repeating-linear-gradient(to bottom,transparent 0 13px,rgba(255,255,255,.05) 13px 14px),repeating-linear-gradient(to right,transparent 0 36px,rgba(255,255,255,.05) 36px 37px)}.shot[data-layout=report]:after{background:linear-gradient(90deg,var(--shot-a),transparent 60%) 0 0 / 100% 10px no-repeat,linear-gradient(90deg,#343b4c 90%,transparent 90%) 0 22px / 100% 7px no-repeat,linear-gradient(90deg,#303748 76%,transparent 76%) 0 38px / 100% 7px no-repeat,linear-gradient(90deg,#343b4c 84%,transparent 84%) 0 54px / 100% 7px no-repeat}.recipe-body{display:grid;align-content:start;gap:4px;min-width:0;padding-top:2px}.recipe-industry{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.recipe-body strong{font-size:14px;line-height:1.25}.recipe-body span{font-size:12px;line-height:1.45}.recipe-body em{color:var(--accent-2);font-size:13px;font-style:normal}.workspace-layout{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr);align-items:start;gap:18px}.app-shell.sidebar-collapsed .workspace-layout{grid-template-columns:minmax(360px,.75fr) minmax(640px,1.25fr)}.chat-panel,.preview-panel{height:calc(100vh - 160px);min-height:560px;overflow:hidden;display:flex;flex-direction:column}.chat-panel{position:sticky;top:18px}.panel-head{min-height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.panel-head h3{margin:0;font-size:16px}.chat-stream,.plan-preview{flex:1;overflow:auto;padding:18px}.chat-empty,.empty{border:1px dashed var(--border-2);color:var(--muted);border-radius:8px;padding:18px;line-height:1.55;background:#121620}.composer{border-top:1px solid var(--border);padding:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.composer .field{margin:0}.composer textarea{min-height:88px}.composer-actions{display:flex;gap:10px;justify-content:flex-end}.composer-actions .primary-btn{min-width:156px}.message{margin:0 0 12px;padding:12px 13px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;white-space:pre-wrap;line-height:1.55}.message.user{background:#8f7aff21;border-color:#8f7aff47}.message.final{background:#5fd28a1f;border-color:#5fd28a47}.event{display:flex;align-items:flex-start;gap:9px;padding:9px 0;color:var(--muted);font-size:13px;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;flex:0 0 auto}.event.error .dot{background:var(--danger)}.plan-card{border:1px solid var(--border);border-left:4px solid var(--accent);padding:12px;margin-bottom:12px;background:var(--panel-2);border-radius:8px}.plan-state-banner{border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;line-height:1.45;margin-bottom:12px;padding:10px 12px}.plan-mode-banner{border:1px solid var(--border);border-radius:8px;display:grid;gap:3px;line-height:1.45;margin-bottom:12px;padding:10px 12px}.plan-mode-banner b{font-size:13px}.plan-mode-banner span{color:var(--muted);font-size:12px}.plan-mode-banner.viewing{background:#ffffff06}.plan-mode-banner.editing{background:#5fd28a1a;border-color:#5fd28a4d}.plan-state-banner.completed{background:#5fd28a1f;border-color:#5fd28a52}.plan-state-banner.waiting{background:#ffc4571f;border-color:#ffc45752}.plan-state-banner.running{background:#62a5ff1f;border-color:#62a5ff52}.plan-card.knowledge{border-left-color:#62a5ff}.plan-card.entity{border-left-color:var(--success)}.plan-card.embedding{border-left-color:var(--accent)}.plan-card.matching{border-left-color:var(--warning)}.plan-card.analyzing{border-left-color:var(--accent-2)}.tag.edit-mode{border-color:#5fd28a59;color:var(--success)}.tag.view-mode{color:var(--muted)}.plan-card h3{margin:0 0 10px;font-size:15px}.plan-card-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.business-object-stack{display:grid;gap:12px}.business-object-editor{border:1px solid var(--border);border-radius:8px;background:#ffffff05;display:grid;gap:8px;padding:10px}.business-object-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:8px}.business-object-head>div{min-width:0}.business-object-head b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.business-object-fields{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px}.editable-field{display:grid;gap:6px}.info-item-list{display:grid;gap:8px}.info-item-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.35fr) 38px;gap:8px;align-items:start;border-top:1px solid rgba(255,255,255,.07);padding-top:8px}.info-item-row.readonly{grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.35fr)}.info-item-row .editable-field:nth-child(3) .asset-cell-input{min-height:58px}.ghost-btn.danger{color:var(--danger)}.ghost-btn.icon-only{width:38px;min-height:38px;padding:0}@media(max-width:1180px){.business-object-fields,.info-item-row{grid-template-columns:minmax(0,1fr)}.info-item-row .ghost-btn.icon-only{justify-self:end}}.plan-card b,.plan-card span,.plan-card li{font-size:13px}.plan-card p{margin:4px 0;font-size:13px}.plan-card-note{border-bottom:1px solid rgba(255,255,255,.07);color:var(--text-2);line-height:1.5;padding-bottom:10px}.plan-card ul{margin:6px 0 0 18px;padding:0}.plan-card li{margin:3px 0;color:var(--text-2);line-height:1.4}.plan-group+.plan-group{margin-top:14px}.asset-table-wrap{overflow:auto;width:100%}.asset-table{border-collapse:collapse;min-width:520px;width:100%}.asset-table th,.asset-table td{border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;padding:8px;text-align:left;vertical-align:top}.asset-table th{color:var(--muted);font-weight:700;white-space:nowrap}.asset-table .line-break{white-space:pre-line}.asset-cell-input{background:#ffffff08;border:1px solid var(--border);border-radius:6px;color:var(--text);font:inherit;line-height:1.4;min-height:34px;min-width:160px;padding:7px 8px;resize:vertical;width:100%}.asset-cell-input.prompt-input{line-height:1.55;min-height:112px;padding:10px 11px}.asset-cell-input.task-prompt-input{min-height:170px;min-width:360px}.asset-cell-input:focus{border-color:var(--accent);outline:none}.asset-cell-input[readonly]{background:transparent;border-color:transparent;color:var(--text-2);padding-left:0;padding-right:0}.asset-cell-input[readonly]:focus{border-color:transparent}.builder-vibe-panel{display:grid;gap:12px;margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.builder-vibe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.builder-vibe-head h3,.builder-vibe-head p{margin:0}.builder-vibe-head h3{font-size:16px}.builder-vibe-head p{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.45}.builder-vibe-actions{display:grid;grid-template-columns:1fr;gap:8px}.builder-vibe-actions .primary-btn,.builder-vibe-actions .secondary-btn{width:100%}.vibe-locked{border:1px dashed var(--border);background:#ffffff08}.builder-vibe-result{display:grid;gap:10px}.builder-vibe-result section{display:grid;gap:6px}.builder-vibe-result span{color:var(--text-2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.builder-vibe-result pre{margin:0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border);background:#11141d;border-radius:8px;color:var(--text-2);padding:10px;font:12px/1.55 Menlo,Consolas,monospace}.vibe-webpage-card{display:grid;gap:8px;border:1px solid var(--border);background:#11141d;border-radius:8px;padding:12px}.vibe-webpage-card.working{border-color:#66dbc257}.vibe-webpage-card div{display:flex;align-items:center;justify-content:space-between;gap:12px}.vibe-webpage-card span,.vibe-webpage-card b{font-size:12px}.vibe-webpage-card span{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.vibe-webpage-card b{color:var(--success)}.webpage-activity{justify-content:flex-start!important;color:var(--accent-2);font-size:13px;font-weight:800}.webpage-activity svg{animation:spin 1.1s linear infinite}.vibe-webpage-card p{margin:0;color:var(--text-2);font-size:12px;line-height:1.5;word-break:break-word}.webpage-log-list{display:grid;gap:5px;margin:2px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#0a0c1299;color:var(--muted);font:11px/1.45 Menlo,Consolas,monospace;list-style:none}.webpage-log-list li{overflow-wrap:anywhere}.vibe-webpage-card a{display:inline-flex;align-items:center;gap:7px;width:fit-content;color:var(--accent-2);font-size:13px;font-weight:800;text-decoration:none}.empty.compact{padding:12px;font-size:13px}.drawer-layer{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end}.drawer-scrim{position:absolute;inset:0;border:0;background:#04060bad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.recipe-drawer{position:relative;width:min(980px,calc(100vw - 44px));height:100vh;display:flex;flex-direction:column;border-left:1px solid var(--border-2);background:#242932;box-shadow:-28px 0 80px #0000006b;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(34px);opacity:.7}to{transform:translate(0);opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 28px 18px}.drawer-head h2{margin:6px 0 8px;font-size:24px;line-height:1.18}.drawer-head p{max-width:760px;margin:0;color:var(--text-2);line-height:1.55}.drawer-kicker{display:inline-flex;color:#aeb6c5;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.drawer-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.drawer-actions{display:flex;align-items:flex-start;gap:10px;flex:0 0 auto}.drawer-actions .primary-btn{min-width:150px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-2);flex:0 0 auto}.icon-btn:hover{border-color:var(--border-2);background:#ffffff0a;color:var(--text)}.drawer-tabs{display:flex;margin:0 28px 18px;padding:4px;width:fit-content;max-width:calc(100% - 56px);overflow-x:auto;border:1px solid #3c4452;background:#2c323d;border-radius:8px}.drawer-tab{min-height:44px;border:0;border-radius:8px;background:transparent;color:#c0c6d1;padding:0 14px;white-space:nowrap}.drawer-tab.active{background:#20252e;color:var(--text);box-shadow:0 1px 8px #0000002e}.drawer-content{flex:1;overflow:auto;padding:18px 28px 34px}.drawer-loading,.drawer-error{display:grid;gap:14px;align-items:start}.drawer-loading{grid-template-columns:auto minmax(0,1fr);color:var(--text-2)}.drawer-loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-stack{display:grid;gap:14px}.drawer-block{border-left:4px solid var(--accent);padding:14px 18px;background:#11141d6b}.drawer-block.compact{padding-block:12px}.drawer-block h3{margin:8px 0 7px;font-size:20px;line-height:1.25}.drawer-block p{margin:0 0 11px;color:var(--text-2);line-height:1.55}.state-pill{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:24px;border-radius:999px;background:#39414d;color:#d7dce6;padding:0 9px;font-size:12px;font-weight:800}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.dimension-chip{display:grid;align-content:start;gap:7px;min-height:112px;border:1px solid #3b4350;background:#0a0d133d;border-radius:8px;padding:12px}.dimension-chip b,.prompt-list b{font-size:13px}.dimension-chip span:not(.state-pill),.prompt-list span{color:var(--muted);font-size:13px;line-height:1.45}.prompt-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.prompt-list li{display:grid;gap:6px;border:1px solid #3b4350;background:#0a0d133d;border-radius:8px;padding:12px}.drawer-content code{color:var(--accent-2)}.search-field{width:min(420px,100%);display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#11141d;border-radius:8px;padding:0 12px}.search-field input{border:0;padding-left:0}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.agent-card{padding:16px}.agent-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:#11141d;color:var(--accent-2);margin-bottom:14px}.agent-card h3{margin:0 0 7px;font-size:17px}.agent-card p{margin:0 0 14px;font-size:14px}.agent-meta{display:flex;gap:8px;flex-wrap:wrap}.agent-card-actions{display:flex;flex-wrap:wrap;gap:14px}.agent-chat-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;border:0;background:transparent;color:var(--accent-2);font-weight:800;padding:0}.agent-chat-link:hover{color:var(--text)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vibe-input-panel{padding:18px;margin-bottom:18px}.vibe-input-panel textarea{min-height:96px}.vibe-result-layout{display:grid;gap:16px}.vibe-output-block{padding:16px}.result-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.result-block-header h3{margin:0;font-size:17px}.ghost-btn.copied{color:var(--success);border-color:#5fd28a5c}.api-docs-section,.api-docs-grid{display:grid;gap:12px}.tag{border:1px solid var(--border);background:#11141d;color:var(--muted);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.settings-card{width:min(100%,640px);padding:18px}.settings-card h3{font-size:18px;margin-bottom:16px}.settings-environment{display:grid;gap:8px;margin-bottom:14px}.settings-environment>span{color:var(--text-2);font-weight:700;font-size:13px}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,280px);padding:4px;border:1px solid var(--border);background:#11141d;border-radius:8px}.segmented-control button{min-height:34px;border:0;background:transparent;color:var(--text-2);font-weight:800}.segmented-control button.active{background:var(--panel-3);color:var(--text)}.settings-actions{display:flex;align-items:center;gap:12px}.saved-note{color:var(--success);font-size:13px;font-weight:700}@media(max-width:1280px){.recipes-grid,.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-layout,.business-layout,.delivery-map{grid-template-columns:1fr}.business-result-panel{position:static}.tile-grid,.tile-grid.styles{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-drawer{width:min(860px,calc(100vw - 28px))}.preview-panel{min-height:420px}.chat-panel{position:static}}@media(max-width:920px){.auth-shell,.app-shell,.app-shell.sidebar-collapsed,.agent-brief{grid-template-columns:1fr}.agent-brief{grid-template-areas:"kicker" "industry" "prompt" "actions"}.auth-brand{padding:30px 24px;border-right:0;border-bottom:1px solid var(--border)}.auth-panel{padding:24px}.sidebar{min-height:auto;position:relative}.side-nav,.side-foot{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:22px 18px 34px}.topbar,.page-head,.library-toolbar,.section-title{align-items:stretch;flex-direction:column}.workflow-strip,.workflow-branches{flex-wrap:wrap}.field-row,.tile-grid,.tile-grid.styles{grid-template-columns:1fr}.brief-actions{justify-content:stretch}.composer{grid-template-columns:1fr}.recipe-drawer{width:100vw}.drawer-head{padding:22px 18px 16px}.drawer-tabs{margin-inline:18px;max-width:calc(100% - 36px)}.drawer-content{padding:16px 18px 28px}.dimension-grid{grid-template-columns:1fr}}@media(max-width:680px){.recipes-grid,.agent-grid{grid-template-columns:1fr}.recipe-card{grid-template-columns:118px minmax(0,1fr)}.shot{height:96px}.top-actions,.settings-actions{flex-wrap:wrap}}