.preparation{padding:24px;display:flex;flex-direction:column;gap:18px;color:var(--text);background:var(--canvas);min-height:0;flex:1}.prep-heading{display:flex;gap:14px;align-items:center}.prep-heading>svg{color:var(--acc);flex-shrink:0}.prep-heading h2{margin:0}.prep-heading p{margin:6px 0;color:var(--muted)}.prep-steps{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.prep-steps span{border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;background:var(--panel)}.prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.prep-grid>*,.preparation .field{min-width:0}.prep-fields{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.prep-fields:disabled{opacity:.65}.preparation .panel{background:var(--panel);border-color:var(--border);color:var(--text)}.preparation input,.preparation select,.preparation button{font:inherit}.preparation .field>input,.preparation .field>select{width:100%}.preparation p{line-height:1.55}.preparation small{color:var(--muted)}.prep-row{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);text-align:left}.prep-row small{display:block;margin-top:4px}.prep-checks{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow:auto}.prep-checks label{display:flex;align-items:center;gap:10px}.prep-table-scroll{overflow:auto;max-height:330px}.preparation table{border-collapse:collapse;width:100%;font-size:13px}.preparation th,.preparation td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);max-width:380px;overflow-wrap:anywhere}.preparation th{position:sticky;top:0;background:var(--panel)}.prep-entity{padding:12px 0;border-bottom:1px solid var(--border)}.prep-entity summary{cursor:pointer}.prep-result{margin-top:16px;max-height:430px;overflow:auto}.prep-confirm{padding:18px;border:2px solid var(--acc);margin-top:16px;border-radius:var(--radius)}.prep-empty{padding:65px 20px;text-align:center;color:var(--muted)}.workbench.live.preparing .wb-activity{display:none}.workbench.live.preparing .wb-main{flex:1;max-width:none}.graph-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;min-height:400px}.graph-canvas{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;max-height:620px}.graph-inspector{overflow:auto;max-height:620px;overflow-wrap:anywhere}.graph-edge{color:var(--muted)}.graph-edge path{stroke:currentColor;stroke-width:1.3;fill:none;opacity:.5}.graph-edge text{font-size:9px;fill:var(--muted)}.graph-node{cursor:pointer;outline:none}.graph-node circle{fill:var(--panel);stroke:var(--acc);stroke-width:2}.graph-node text{fill:var(--text);font-size:10px;text-anchor:middle}.graph-node.selected circle,.graph-node:focus circle{stroke-width:5;fill:var(--canvas)}@media(max-width:1050px){.prep-grid,.graph-layout{grid-template-columns:1fr}.preparation{padding:16px}.graph-inspector{max-height:350px}}.preparation button.primary{background:var(--acc);color:var(--accfg);border-color:var(--acc)}.preparation button.prep-row{height:auto;min-height:56px;padding:10px 12px;border-radius:var(--radius)}.preparation .prep-fields>button{align-self:flex-start}.preparation .prep-heading+section{margin-top:4px}@font-face{font-family:Instrument Sans;src:url(/assets/fonts/InstrumentSans-VariableFont_wdth_wght.ttf) format("truetype-variations");font-weight:400 700;font-stretch:75% 100%;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/assets/fonts/InstrumentSans-Italic-VariableFont_wdth_wght.ttf) format("truetype-variations");font-weight:400 700;font-stretch:75% 100%;font-style:italic;font-display:swap}:root{--font-sans: "Instrument Sans", system-ui, "Helvetica Neue", sans-serif;--font-display: "Instrument Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--ink-900: #141414;--ink-700: #3A3A3A;--ink-600: #5A5A60;--ink-400: #8A8A92;--ink-300: #B5B5BC;--ink-200: #D6D6DB;--border-1: #E8E8EB;--hover: #F1F1F1;--page: #F6F6F7;--side: #F9F9F9;--canvas-2: #E4E4E4;--surface: #FFFFFF;--success: #1F8A4C;--success-bg: #E8F4EC;--success-fg: #17683A;--warning: #C98A15;--warning-bg: #FFF4DC;--warning-fg: #7A4E00;--warning-border: #EBCB8B;--warning-banner: #FFF8EA;--warning-icon: #A36A00;--error: #C0362C;--error-bg: #FDF1F0;--error-fg: #A12E25;--error-border: #E5B4AF;--error-banner: #FDF5F4;--info-bg: #EAEFF4;--info-fg: #314862;--shadow-1: 0 1px 2px rgba(16,16,18,.04), 0 0 0 1px rgba(16,16,18,.04);--shadow-2: 0 2px 6px rgba(16,16,18,.06), 0 1px 2px rgba(16,16,18,.04);--shadow-3: 0 8px 24px rgba(16,16,18,.08), 0 2px 6px rgba(16,16,18,.04);--shadow-4: 0 20px 60px rgba(16,16,18,.12), 0 6px 18px rgba(16,16,18,.06);--shadow-focus: 0 0 0 3px rgba(10,10,10,.22)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink-900);background:var(--page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em;margin:0;line-height:1.2}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin:0}p+p{margin-top:8px}a{color:inherit}small{font-size:12px;color:var(--ink-600)}code{font-family:var(--font-mono);font-size:12px;background:var(--hover);padding:1px 6px;border-radius:4px}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--ink-600)}.wrap{word-break:break-word;overflow-wrap:anywhere}.relative{position:relative}.spacer{flex:1}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-600);margin-bottom:6px}.status-dot{width:6px;height:6px;border-radius:999px;background:currentColor;display:inline-block;flex:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-color:var(--ink-900)}button.danger{background:var(--error);border-color:var(--error);color:#fff}button.danger:hover:not(:disabled){background:var(--error-fg);border-color:var(--error-fg)}.dropdown button.delete-action{color:var(--error-fg);border-top:1px solid var(--border-1);border-radius:0;margin-top:4px}.dropdown button.delete-action:hover{background:var(--error-bg)}button.delete-draft{color:var(--error-fg);margin-left:8px}.system-picker{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;min-width:0;color:var(--text)}.system-picker .wb-ghost{color:var(--text);border-color:var(--border);padding:0 6px;height:24px}.system-picker-heading{display:flex;align-items:center;justify-content:space-between}.system-picker .wb-label{margin:0}.system-picker .system-picker-trigger{display:flex;justify-content:space-between;width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:12px}.system-picker-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-picker-trigger svg{flex-shrink:0}.system-picker-trigger[aria-expanded=true]{border-color:var(--acc)}.system-version{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.system-version select{width:auto;max-width:160px;min-width:0;height:27px;padding:2px 5px;font-size:11px;border:1px solid var(--border);border-radius:5px;background:var(--panel);color:var(--text)}.system-picker p{font-size:11px;line-height:1.45;opacity:.85;overflow-wrap:anywhere}.system-picker .system-picker-error{opacity:1;background:var(--error-bg);color:var(--error-fg);padding:8px;border-radius:6px}.system-picker-popover{position:fixed;z-index:1200;display:flex;flex-direction:column;overflow:hidden;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 36px #0003;font-size:13px}.system-picker-search{flex-shrink:0;display:flex;align-items:center;gap:8px;margin:10px;padding:0 10px;border:1px solid var(--border);border-radius:6px}.system-picker-search input{width:100%;min-width:0;height:34px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit}.system-picker-search:focus-within{outline:2px solid var(--acc);outline-offset:1px}.system-picker-search input:focus{outline:0;box-shadow:none}.system-picker-options{min-height:0;max-height:330px;overflow-y:auto;overscroll-behavior:contain;padding:0 5px 5px}.system-picker-option{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;cursor:pointer;border-left:3px solid transparent}.system-picker-option>div{min-width:0;flex:1}.system-picker-option strong{display:block;font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.system-picker-option small{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.system-picker-option svg{flex-shrink:0;color:var(--acc)}.system-picker-option.active{background:color-mix(in srgb,var(--acc) 9%,var(--panel));border-left-color:var(--acc)}.system-picker-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.system-picker-meta{display:block;font-size:10px;color:var(--muted);margin-top:4px}.system-picker-footer{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--border);color:var(--muted);font-size:10px;flex-shrink:0}.system-picker-empty{padding:12px 16px;margin:0;font-size:12px}.workspace-nav.wb-nav{justify-content:flex-start;height:38px;gap:9px}.workspace-nav svg{flex-shrink:0}.workspace-agent-controls{padding:10px 8px 12px 14px;margin:4px 0 8px 8px;border-left:2px solid var(--border)}.workspace-agent-controls>.wb-subtitle{margin:0 0 10px;font-size:11px}.workspace-agent-controls>small{color:var(--muted);font-size:10px;line-height:1.4;display:block}.wb-nav.workspace-history{display:flex;justify-content:space-between;gap:6px}.workspace-history>span:first-child{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.workspace-source-icons{display:flex;gap:4px;align-items:center;flex-shrink:0;color:var(--muted)}.workspace-source-icons>span{display:inline-flex}.workspace-tools{flex-shrink:0;max-height:48%;overflow:auto;border-bottom:1px solid var(--border);padding:16px 24px;background:var(--panel)}.workspace-tool-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.workspace-tool-heading>svg{color:var(--acc);flex-shrink:0;margin-top:2px}.workspace-tool-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.workspace-tools .system-picker{max-width:500px}.workspace-tools>.wb-subtitle{margin:8px 0}.workspace-query{margin:10px 0;font-size:12px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.workspace-query summary{cursor:pointer;padding:9px 11px;color:var(--muted)}.workspace-query pre{overflow:auto;margin:0;padding:12px;background:var(--canvas);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.workspace-query .detail-value{padding:10px}.workspace-tools .wb-query{padding:0;margin-top:12px;flex-wrap:wrap;align-items:flex-end}.workspace-tools .wb-query label{min-width:150px;flex:1}.workspace-tools .wb-query input,.workspace-note input{min-width:0;width:100%;background:var(--panel);color:var(--text);border:1px solid var(--border)}.workspace-note{display:flex;flex-direction:column;gap:5px;margin:12px 0;font-size:12px;color:var(--muted)}.workspace-studio-link{width:fit-content;text-decoration:none;margin:5px 0}.workspace-connection-note{padding:10px;border-left:3px solid var(--acc);background:var(--canvas);font-size:12px;color:var(--muted)}.workspace-entry{margin-bottom:var(--gap)}.workspace-entry .wb-answer-head>div{flex:1;min-width:0}.workspace-entry .wb-answer-head strong{display:block;font-size:14px;overflow-wrap:anywhere}.workspace-entry .wb-answer-head small,.workspace-entry-label{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.workspace-entry time{font-size:10px;color:var(--muted)}.workspace-entry .wb-tabs{margin-bottom:10px;overflow-x:auto}.workspace-entry .wb-tabs button{padding:8px;font-size:11px}.workspace-result{min-width:0;overflow:hidden}.workspace-result td{max-width:260px;overflow-wrap:anywhere}.workspace-json{max-height:340px;overflow:auto}.workspace-thread .wb-answer-head{flex-wrap:wrap}.workspace-source-summary{display:flex;align-items:flex-start;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border)}.workspace-source-summary>svg{flex-shrink:0;color:var(--acc)}.workspace-source-summary strong{display:block;font-size:12px;overflow-wrap:anywhere}.workspace-source-summary small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.workbench.live .wb-masthead{flex-wrap:wrap}@media(max-width:1150px){.workbench.live .wb-activity{width:250px}.workbench.live .wb-content,.workbench.live .wb-titlebar{padding-left:18px;padding-right:18px}.workspace-tools{padding:14px 18px}}button,.button{font:inherit;font-weight:500;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--ink-300);background:var(--surface);color:var(--ink-900);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}button:hover,.button:hover{border-color:var(--ink-900);background:#fafafa}button:disabled,.button[aria-disabled=true]{background:var(--canvas-2);color:var(--ink-400);border-color:var(--canvas-2);cursor:not-allowed}button.primary,.button.primary{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}button.primary:hover,.button.primary:hover{background:#000}button.primary:disabled{background:var(--canvas-2);color:var(--ink-400);border-color:var(--canvas-2)}button.quiet,.button.quiet{border-color:transparent;background:transparent}button.quiet:hover,.button.quiet:hover{background:var(--hover);border-color:transparent}button.large,.button.large{height:44px;padding:0 22px;font-size:14px}button.small{height:30px;padding:0 12px;font-size:12px}.icon-btn{width:36px;height:36px;padding:0;border-color:transparent;background:transparent;color:var(--ink-700)}.icon-btn:hover{background:var(--hover);border-color:transparent}.text-link{display:inline-flex;align-items:center;gap:4px;height:auto;padding:0;border:0;background:transparent;color:var(--ink-900);font-weight:500;font-size:13px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink-300);border-radius:4px}.text-link:hover{background:transparent;text-decoration-color:var(--ink-900)}.text-link.danger{color:var(--error-fg)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--hover);border-radius:999px}.segmented button{height:30px;padding:0 12px;border:0;background:transparent;color:var(--ink-600);font-size:12.5px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink-900);box-shadow:var(--shadow-1)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--border-1)}.tabs button{height:40px;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--ink-600);font-size:13.5px}.tabs button[aria-selected=true]{color:var(--ink-900);box-shadow:inset 0 -2px 0 var(--ink-900)}.tabs button:hover{background:transparent}.tabs.small{gap:14px;margin-bottom:14px}.tabs.small button{height:34px;font-size:13px}input,select,textarea{font:inherit;font-size:14px;color:var(--ink-900);background:var(--surface);border:1px solid var(--ink-300);border-radius:6px;padding:0 10px;height:36px;width:100%}textarea{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}input[type=color]{width:40px;height:30px;padding:2px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--ink-900);margin:0}input:hover,select:hover,textarea:hover{border-color:var(--ink-400)}input::placeholder,textarea::placeholder{color:var(--ink-400)}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;font-weight:600;color:var(--ink-600)}.field>small{color:var(--ink-600)}.field>p{font-size:13px;color:var(--ink-600)}.check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.form-stack{display:flex;flex-direction:column;gap:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.toggle{width:40px;height:22px;padding:0;border-radius:999px;border:0;background:var(--ink-300);position:relative;flex:none}.toggle span{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:#fff;transition:left .15s}.toggle.on{background:var(--ink-900)}.toggle.on span{left:21px}.toggle:hover{background:var(--ink-400)}.toggle.on:hover{background:#000}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:12px;font-weight:600;color:var(--ink-600);padding:10px 14px;border-bottom:1px solid var(--border-1);background:#fafafa;white-space:nowrap}td{padding:10px 14px;border-top:1px solid var(--border-1);vertical-align:top}tr:first-child td{border-top:0}tbody tr[tabindex]:hover,tbody tr[tabindex]:focus{background:var(--hover);cursor:pointer}.table-scroll{overflow:auto;border:1px solid var(--border-1);border-radius:8px;max-height:360px}.chip{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:4px;font-size:12px;font-weight:600;background:var(--hover);color:var(--ink-700);white-space:nowrap}.chip.success{background:var(--success-bg);color:var(--success-fg)}.chip.success .status-dot{background:var(--success)}.chip.warning{background:var(--warning-bg);color:var(--warning-fg)}.chip.warning .status-dot{background:var(--warning)}.chip.error{background:var(--error-bg);color:var(--error-fg)}.chip.error .status-dot{background:var(--error)}.chip.info{background:var(--info-bg);color:var(--info-fg)}.notice{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;border:1px solid var(--border-1);background:#fafafa;font-size:13px;color:var(--ink-700);animation:fade .18s ease}.notice>svg{flex:none;margin-top:2px;color:var(--ink-600)}.notice>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.notice.warning{background:var(--warning-banner);border-color:var(--warning-border)}.notice.warning>svg{color:var(--warning-icon)}.notice.error{background:var(--error-banner);border-color:var(--error-border)}.notice.error>svg{color:var(--error)}.notice.success{background:var(--success-bg);border-color:#bfe0ca}.notice.success>svg{color:var(--success)}.busy{display:inline-flex;align-items:center;gap:8px;color:var(--ink-600);font-size:13px;padding:8px 0}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 24px;border:1px dashed var(--ink-300);border-radius:12px;background:var(--surface)}.empty p{color:var(--ink-600);max-width:420px}.empty-mark{width:44px;height:44px;border-radius:999px;background:var(--hover);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-600)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--ink-900);color:#fff;font-size:13px;box-shadow:var(--shadow-3);animation:fade .2s ease;z-index:50}.sample-ribbon{display:flex;align-items:center;gap:10px;padding:6px 28px;background:var(--warning-banner);border-bottom:1px solid var(--warning-border);color:var(--warning-fg);font-size:12px;font-weight:600}.sample-ribbon .status-dot{background:var(--warning)}.sample-ribbon span:last-child{margin-left:auto;font-weight:400}.logo{display:block;object-fit:contain}.text-logo{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px dashed var(--ink-400);border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:0}.detail-grid>div{display:grid;grid-template-columns:minmax(120px,160px) minmax(0,1fr);gap:10px;font-size:13px}.detail-grid dt{color:var(--ink-600);text-transform:capitalize}.detail-grid dd{margin:0;min-width:0}.detail-list{display:flex;flex-direction:column;gap:6px}.detail-list>div{padding:8px 10px;border:1px solid var(--border-1);border-radius:6px}.dropdown{position:absolute;right:0;top:40px;min-width:240px;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--border-1);border-radius:10px;box-shadow:var(--shadow-3);z-index:20;animation:fade .15s ease}.dropdown button{justify-content:flex-start;border:0;border-radius:6px;height:34px}.dialog{border:0;border-radius:12px;padding:0;width:min(580px,calc(100vw - 32px));max-height:calc(100vh - 48px);background:var(--surface);box-shadow:var(--shadow-4);color:var(--ink-900)}.dialog::backdrop{background:#14141459}.dialog.drawer{width:400px;max-width:calc(100vw - 32px);height:100vh;max-height:100vh;margin:0 0 0 auto;border-radius:0;box-shadow:var(--shadow-3);animation:fade .18s ease}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--border-1);position:sticky;top:0;background:var(--surface);z-index:1}.dialog-head h2{font-size:18px}.dialog-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:14px;overflow:auto;max-height:calc(100vh - 130px)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.copy-review{display:grid;grid-template-columns:1fr 1fr;gap:14px}.copy-review>div{padding:12px;border:1px solid var(--border-1);border-radius:8px}.copy-review p{font-size:13px}.help-steps{padding-left:18px;display:flex;flex-direction:column;gap:8px;margin:8px 0}.foundation-swatches{display:flex;gap:6px;margin:10px 0 16px}.foundation-swatches span{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-1)}.version-card{padding:12px 0;border-bottom:1px solid var(--border-1);display:flex;flex-direction:column;gap:8px}.lock-group{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--border-1);border-radius:8px;background:#fafafa;margin-bottom:14px}.inspector-logo{display:flex;align-items:center;justify-content:center;min-height:110px;padding:16px;border-radius:8px;border:1px solid var(--border-1)}.color-fields{display:flex;flex-direction:column;gap:10px}.color-fields label{display:grid;grid-template-columns:1fr 44px 76px;align-items:center;gap:10px;font-size:13px}.color-fields code{text-align:center}.type-sample{padding:18px;border:1px solid var(--border-1);border-radius:8px;line-height:1.2;font-family:var(--font-display)}.full-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--surface)}.full-loading .logo{height:40px}.gateway{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(0,1.25fr);background:var(--surface)}.gateway-copy{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:64px clamp(32px,6vw,96px)}.gateway-copy .logo{width:240px;max-width:100%;height:auto}.gateway-copy h1{font-size:clamp(34px,3.6vw,48px);line-height:1.08}.gateway-copy p{font-size:16px;color:var(--ink-700);max-width:460px}.gateway-copy .primary{align-self:flex-start}.gateway-preview{background:var(--side);border-left:1px solid var(--border-1);display:flex;flex-direction:column;justify-content:center;gap:16px;padding:48px;overflow:hidden}.gateway-preview .wb-frame{border-radius:12px;box-shadow:var(--shadow-3);opacity:.92}.gateway-caption{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-600)}.gateway-bottom{display:flex;gap:24px;font-size:12px;color:var(--ink-600)}.gateway-bottom span:before{content:"—";margin-right:8px;color:var(--ink-300)}@media(max-width:960px){.gateway{grid-template-columns:1fr}.gateway-preview{display:none}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{height:88px;flex:none;display:flex;align-items:center;gap:16px;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--border-1);position:sticky;top:0;z-index:30}.app-header .c64-logo{width:clamp(150px,16vw,240px);height:auto}.header-divider{width:1px;height:28px;background:var(--border-1)}.hub-title{font-size:15px;font-weight:500;white-space:nowrap}.global-search{position:relative;flex:1;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--ink-300);border-radius:999px;background:var(--surface);color:var(--ink-600)}.global-search input{border:0;height:100%;padding:0;background:transparent}.global-search input:focus-visible{box-shadow:none}.global-search:focus-within{border-color:var(--ink-900);box-shadow:var(--shadow-focus)}.search-results{position:absolute;top:46px;left:0;right:0;display:flex;flex-direction:column;padding:6px;background:var(--surface);border:1px solid var(--border-1);border-radius:12px;box-shadow:var(--shadow-3);z-index:40;animation:fade .15s ease}.search-results button{justify-content:flex-start;border:0;border-radius:8px;height:auto;padding:8px 10px;text-align:left;color:var(--ink-900)}.search-results button span{display:flex;flex-direction:column}.search-results small{padding:8px 10px}.new-demo{flex:none}.account-wrap{position:relative}.avatar{width:36px;height:36px;padding:0;border-radius:999px;background:var(--ink-900);color:#fff;border-color:var(--ink-900);font-size:12px;font-weight:600}.avatar:hover{background:#000}.account-menu{position:absolute;right:0;top:44px;min-width:240px;padding:14px;display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border-1);border-radius:12px;box-shadow:var(--shadow-3);z-index:40;animation:fade .15s ease}.account-menu p{font-size:12px;color:var(--ink-600)}.account-menu button{margin-top:8px;justify-content:flex-start}.app-body{flex:1;display:flex;min-height:0}.hub-sidebar{width:240px;flex:none;display:flex;flex-direction:column;gap:2px;padding:24px 14px;background:var(--side);border-right:1px solid var(--border-1);position:sticky;top:88px;height:calc(100vh - 88px);overflow:auto}.hub-sidebar .eyebrow{padding:0 10px;margin:4px 0 8px}.resources-label{margin-top:18px!important}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:8px;color:var(--ink-700);text-decoration:none;font-size:13.5px}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--canvas-2);color:var(--ink-900);font-weight:600}.nav-item .count{margin-left:auto}.count{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--hover);font-size:11px;font-weight:600;color:var(--ink-700);vertical-align:middle}h2 .count{margin-left:8px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--border-1)}.sidebar-footer button{justify-content:flex-start;border:0;background:transparent;height:36px;padding:0 10px;font-weight:400;color:var(--ink-700)}.sidebar-footer button:hover{background:var(--hover)}.sidebar-note{margin-top:12px;padding:0 10px;font-size:12px;line-height:1.5;color:var(--ink-600)}.hub-main{flex:1;min-width:0;padding:32px;background:var(--page)}.compact-main{flex:1;min-width:0;background:var(--page)}.page{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-heading p{color:var(--ink-600);margin-top:6px;font-size:15px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.section-heading p{color:var(--ink-600);margin-top:4px;font-size:13.5px}.panel{background:var(--surface);border:1px solid var(--border-1);border-radius:12px;overflow:hidden}.panel.padded{padding:20px;overflow:visible;display:flex;flex-direction:column;gap:12px}.panel.padded>svg{color:var(--ink-600)}.quiet-empty{padding:28px;text-align:center;color:var(--ink-600);font-size:13px}.overview-top{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media(max-width:1240px){.overview-top{grid-template-columns:1fr}}.continue-card,.quick-card{background:var(--surface);border:1px solid var(--border-1);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:10px}.continue-card h2{font-size:24px}.continue-card p{color:var(--ink-600)}.continue-card .button{align-self:flex-start;margin-top:6px}.continue-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:center}.continue-content>div:first-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.continue-preview .wb-frame{border-radius:8px;border:1px solid var(--border-1)}.prep-steps{display:flex;gap:22px;margin:6px 0 10px}.prep-steps span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-700)}.prep-steps b{font-family:var(--font-mono);font-size:11px;color:var(--ink-600)}.quick-card button{justify-content:flex-start;gap:12px;height:auto;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.quick-card button:hover{background:var(--hover);border-color:transparent}.quick-card button>span:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-card button>svg{color:var(--ink-400)}.quick-icon{width:38px;height:38px;flex:none;border-radius:10px;background:var(--hover);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-900)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:20px}.demo-card{background:var(--surface);border:1px solid var(--border-1);border-radius:12px;overflow:visible;display:flex;flex-direction:column;transition:border-color .15s}.demo-card:hover{border-color:var(--ink-300)}.demo-card-top{height:88px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px}.demo-card-top>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sample-profile{font-size:11px;color:var(--ink-600)}.demo-thumbnail{padding:0 18px}.demo-thumbnail .wb-frame{border-radius:8px;border:1px solid var(--border-1)}.demo-card-footer{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-title h3{font-size:16px}.card-title small{display:block;margin-top:2px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.filter-search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--ink-300);border-radius:999px;background:var(--surface);color:var(--ink-600);min-width:240px}.filter-search input{border:0;height:100%;padding:0;background:transparent}.filter-search input:focus-visible{box-shadow:none}.filter-search:focus-within{border-color:var(--ink-900);box-shadow:var(--shadow-focus)}.draft-list{display:flex;flex-direction:column;gap:16px}.draft-row{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--border-1);border-radius:12px}.draft-row .wb-frame{border-radius:8px;border:1px solid var(--border-1)}.draft-row>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.draft-row p{color:var(--ink-600)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.asset-card{background:var(--surface);border:1px solid var(--border-1);border-radius:12px;overflow:hidden}.asset-preview{height:120px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-bottom:1px solid var(--border-1);padding:16px}.asset-info{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.asset-info .inline{margin-top:10px;flex-wrap:nowrap}.asset-info select{flex:1;min-width:0}.asset-strip{display:flex;gap:14px;flex-wrap:wrap}.asset-strip a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:200px;height:96px;padding:12px;background:var(--surface);border:1px solid var(--border-1);border-radius:12px;text-decoration:none}.asset-strip a:hover{border-color:var(--ink-300)}.activity-section table td:last-child,.activity-section table th:last-child{text-align:right}.create-page{max-width:760px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:20px}.create-card{background:var(--surface);border:1px solid var(--border-1);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:14px}.create-card>p{color:var(--ink-600);font-size:15px;margin-bottom:8px}.creation-symbol{width:48px;height:48px;border-radius:12px;background:var(--hover);display:inline-flex;align-items:center;justify-content:center}.suggestion-chip{align-self:flex-start;height:32px;font-size:12.5px}.create-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-1);margin-top:6px;flex-wrap:wrap}.create-footer small{display:inline-flex;align-items:center;gap:6px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-600);text-decoration:none}.back-link:hover{color:var(--ink-900)}.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:var(--surface);border-bottom:1px solid var(--border-1);flex-wrap:wrap}.workspace-topbar>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:120px}.workspace-topbar h2{font-size:18px}.branding-page{display:flex;flex-direction:column;min-height:calc(100vh - 88px)}.branding-toolbar{display:flex;align-items:center;gap:10px;height:56px;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--border-1);flex-wrap:wrap}.branding-body{flex:1;display:grid;grid-template-columns:328px minmax(0,1fr);min-height:0}.branding-assistant{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--surface);border-right:1px solid var(--border-1);overflow:auto;max-height:calc(100vh - 212px);position:sticky;top:88px}.branding-brief h3{margin-bottom:4px}.branding-brief p{font-size:13px;color:var(--ink-700)}.branding-brief .text-link{margin-top:6px}.generation-card,.branding-ready,.refinement-history{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--border-1);border-radius:12px;background:#fafafa}.generation-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-700)}.generation-step span{width:24px;height:24px;flex:none;border-radius:999px;border:1px solid var(--ink-300);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ink-600)}.generation-step span.active{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}.generation-card button{align-self:flex-start;margin-top:6px}.branding-ready p{font-size:13px;color:var(--ink-700)}.ready-icon{width:36px;height:36px;border-radius:10px;background:var(--ink-900);color:#fff;display:inline-flex;align-items:center;justify-content:center}.fine-print{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-600);margin-top:4px}.refinement-history>div{padding:8px 0;border-top:1px solid var(--border-1);display:flex;flex-direction:column;gap:4px}.refinement-history p{font-size:13px}.refinement-history small{display:flex;align-items:center;gap:4px;color:var(--success-fg)}.refinement-composer{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border-1)}.suggestions{display:flex;flex-wrap:wrap;gap:6px}.suggestions button{height:28px;padding:0 10px;font-size:12px;font-weight:400}.branding-preview{display:flex;flex-direction:column;background:var(--canvas-2);min-width:0}.preview-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;font-size:12.5px;color:var(--ink-700);border-bottom:1px solid #D6D6DB;background:#ececee}.preview-canvas{padding:20px;overflow:auto}.preview-canvas .wb-frame{border-radius:10px;box-shadow:var(--shadow-3);background:#fff}.preview-canvas.actual .wb-frame{width:1440px}.full-preview{width:min(1440px,calc(100vw - 80px))}.full-preview .wb-frame{border-radius:8px;border:1px solid var(--border-1)}.dialog:has(.full-preview){width:auto;max-width:calc(100vw - 32px)}.branding-summary{flex-direction:row!important;align-items:center;gap:28px!important}.branding-summary>div{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.palette-strip{display:flex;gap:6px}.palette-strip span{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-1)}.configuration{display:flex;flex-direction:column;min-height:calc(100vh - 88px)}.config-identity{display:flex;align-items:center;gap:16px;padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--border-1)}.config-tabs{padding:0 28px;background:var(--surface)}.config-content{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:28px 28px 48px;display:flex;flex-direction:column;gap:20px}.config-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.config-summary-grid .panel h2{font-size:18px}.config-summary-grid .panel p{color:var(--ink-600);font-size:13px;flex:1}.config-summary-grid .panel button{align-self:flex-start}@media(max-width:960px){.config-summary-grid{grid-template-columns:1fr}}.readiness-list{display:flex;flex-direction:column;gap:8px}.readiness-list>div{display:flex;align-items:center;gap:12px;font-size:13.5px}.readiness-list strong{font-weight:500}.readiness-list small{margin-left:auto;text-align:right}.readiness-icon{width:22px;height:22px;flex:none;border-radius:999px;border:1px solid var(--ink-300);display:inline-flex;align-items:center;justify-content:center;color:var(--success-fg)}.readiness-icon.ok{background:var(--success-bg);border-color:var(--success-bg)}.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-links>div{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--border-1);border-radius:10px;background:#fafafa;font-size:13px}.service-links svg{color:var(--ink-600)}.service-links span{color:var(--ink-600)}.capability-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.capability-card{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--surface);border:1px solid var(--border-1);border-radius:12px}.capability-card.selected{border-color:var(--ink-900);box-shadow:0 0 0 1px var(--ink-900)}.capability-card>.inline>svg{color:var(--ink-600)}.capability-card p{font-size:13px;color:var(--ink-600);flex:1}.target-list{display:flex;flex-direction:column;gap:6px}.target-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-1);border-radius:10px;cursor:pointer}.target-row:hover{border-color:var(--ink-300)}.target-row.unavailable{opacity:.6;cursor:not-allowed}.target-row>div{display:flex;flex-direction:column}.target-row strong{font-weight:500}.target-icon{width:34px;height:34px;flex:none;border-radius:8px;background:var(--hover);display:inline-flex;align-items:center;justify-content:center}.context-summary{padding:14px;border:1px solid var(--border-1);border-radius:10px;background:#fafafa}.mapping-section{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border-1);border-radius:10px}.mapping-section>button{align-self:flex-start}.parameter-map{display:grid;grid-template-columns:1.2fr 1.2fr 110px auto 36px;gap:8px;align-items:center}.column-map{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;align-items:center}.query-preview{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border-1);border-radius:10px;background:#fafafa}.query-inputs{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.query-inputs .field{min-width:180px}.query-inputs button{height:36px}.record-detail{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border-1);border-radius:10px;background:var(--surface)}.studio-panel{display:flex;flex-direction:column;gap:20px}.workspace-options,.dataset-list{display:flex;flex-direction:column;gap:8px}.workspace-option,.dataset-row{justify-content:flex-start;gap:14px;height:auto;padding:12px 14px;border-radius:10px;border-color:var(--border-1);text-align:left}.workspace-option>span:nth-child(2),.dataset-row>span:nth-child(2){display:flex;flex-direction:column;flex:1}.workspace-option strong,.dataset-row strong{font-weight:500}.workspace-option.selected,.dataset-row.selected{border-color:var(--ink-900);box-shadow:0 0 0 1px var(--ink-900)}.workspace-option:disabled{opacity:.7;background:var(--surface);color:var(--ink-700);border-color:var(--border-1)}.studio-run{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border-1);border-radius:10px;background:#fafafa}.studio-run button{align-self:flex-start}.progress-track{height:6px;border-radius:999px;background:var(--canvas-2);overflow:hidden}.progress-track span{display:block;height:100%;background:var(--ink-900);transition:width .3s}.artifact-list{display:flex;flex-direction:column;gap:6px}.artifact-list>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border-1);border-radius:8px;background:var(--surface);font-size:13px}.artifact-list small{margin-left:auto}.wb-frame{position:relative;width:100%;overflow:hidden}.wb-frame.miniature{pointer-events:none}.workbench{display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-stretch:var(--bstretch);font-size:14px;line-height:1.5}.workbench.preview{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.workbench.live{position:fixed;inset:0;z-index:40}.workbench *{box-sizing:border-box}.workbench button{font-family:inherit;font-stretch:inherit}.workbench .mono{font-family:var(--font-mono);font-size:12px}.workbench .wb-heading{font-family:var(--font-display);font-size:15px;font-weight:var(--hweight);font-stretch:var(--hstretch);text-transform:var(--hcase);letter-spacing:var(--hls);white-space:nowrap}.wb-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wb-label.indent{margin:0 10px 6px}.wb-eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:2px}.wb-subtitle{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.wb-scroll{flex:1;min-height:0;overflow:auto}.wb-mark{width:26px;height:26px;flex:none;border-radius:6px;background:var(--emph);color:var(--emphfg);display:inline-flex;align-items:center;justify-content:center}.wb-mark.big{width:32px;height:32px;border-radius:8px}.wb-text-identity{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px dashed currentColor;border-radius:4px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-stretch:var(--hstretch)}.wb-text-identity.large{height:36px;padding:0 12px;margin-bottom:22px}.wb-plate{display:inline-flex;align-items:center;background:#fff;padding:6px 10px;border-radius:min(var(--radius),6px)}.wb-plate .logo{max-height:100%}.wb-header{height:var(--hh);flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:var(--nav);color:var(--navfg);border-bottom:var(--bw) solid var(--navborder)}.wb-header-left,.wb-header-right{display:flex;align-items:center;gap:14px;min-width:0}.wb-header-right{flex:none}.wb-divider{width:1px;height:20px;background:var(--navborder);opacity:.8}.wb-powered{font-size:12px;color:var(--navmuted);white-space:nowrap}.wb-avatar{width:28px;height:28px;border-radius:999px;border:1px solid var(--navmuted);color:var(--navfg);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.wb-ghost{height:32px;padding:0 12px;border-radius:var(--btnr);border:1px solid var(--navmuted);background:transparent;color:var(--navfg);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.wb-ghost:hover{background:#7f7f7f1f}.wb-body{flex:1;min-height:0;display:flex}.wb-side{width:var(--navw);flex:none;display:flex;flex-direction:column;gap:14px;padding:var(--pad) 14px;background:var(--panel);border-right:var(--bw) solid var(--border);overflow:auto}.wb-assistant{padding:12px;border:var(--bw) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--canvas)}.wb-assistant-name{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:600;line-height:1.3}.wb-secondary{height:36px;border-radius:var(--btnr);border:var(--bw) solid var(--border);background:var(--panel);color:var(--text);font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer}.wb-secondary:hover{border-color:var(--acc)}.wb-nav{font-weight:400;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:34px;padding:0 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--text);text-align:left;font-size:13px;cursor:pointer;overflow:hidden}.wb-nav>span:first-child,.wb-nav[title]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.wb-nav small{font-size:11px;color:var(--muted);white-space:nowrap;flex:none}.wb-nav:hover{background:var(--emph);color:var(--emphfg)}.wb-nav.selected{background:var(--emph);color:var(--emphfg);font-weight:600}.workbench[data-selline=true] .wb-nav.selected,.workbench[data-selline=true] .wb-event.selected{box-shadow:inset 3px 0 0 var(--acc)}.wb-nav.muted{color:var(--muted);cursor:default;line-height:34px}.wb-nav.muted:hover{background:transparent;color:var(--muted)}.wb-conversations{display:flex;flex-direction:column;min-height:0}.wb-sample-note{margin-top:auto;font-size:11px;color:var(--muted);padding:0 10px}.wb-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--canvas);position:relative}.wb-masthead{flex:none;min-height:168px;display:flex;align-items:center;gap:24px;padding:28px 40px;background-color:var(--mastbg);color:var(--mastfg);background-image:var(--motif);background-size:var(--motifsize);border-bottom:var(--bw) solid var(--border)}.wb-masthead-eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.wb-masthead-title{font-family:var(--font-display);font-size:calc(var(--title) + 6px);line-height:1.15;font-weight:var(--hweight);font-stretch:var(--hstretch);text-transform:var(--hcase);letter-spacing:var(--hls);margin-top:4px}.wb-welcome{margin:auto;width:100%;max-width:680px;padding:32px 40px}.wb-welcome h1{margin:0 0 10px;font-family:var(--font-display);font-size:calc(var(--title) + 9px);line-height:1.15;letter-spacing:var(--hls);color:var(--text);font-weight:var(--hweight);font-stretch:var(--hstretch)}.wb-welcome p{margin:0 0 24px;font-size:16px;color:var(--muted)}.wb-prompts{display:flex;flex-direction:column;gap:8px}.wb-prompts button{height:auto;white-space:normal;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:var(--bw) solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);color:var(--text);font-size:14px;text-align:left;cursor:pointer}.wb-prompts button svg{color:var(--acc);flex:none}.wb-prompts button:hover{border-color:var(--acc)}.wb-titlebar{flex:none;display:flex;align-items:center;gap:12px;padding:calc(var(--pad) - 4px) 32px;border-bottom:var(--bw) solid var(--border);background:var(--panel)}.wb-titlebar>div{min-width:0;flex:1}.wb-titlebar h1{margin:0;font-family:var(--font-display);font-size:var(--title);line-height:1.2;letter-spacing:var(--hls);color:var(--text);font-weight:var(--hweight);font-stretch:var(--hstretch);text-transform:var(--hcase);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-content{padding:var(--pad) 32px}.wb-content>*{max-width:760px;margin-left:auto;margin-right:auto}.wb-content.wide{display:flex;flex-direction:column;gap:var(--gap)}.wb-content.wide>*{max-width:960px;width:100%}.wb-thread{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:var(--gap)}.wb-user{align-self:flex-end;max-width:80%;padding:10px 16px;border-radius:var(--radius);background:var(--emph);color:var(--emphfg);font-size:15px;white-space:pre-wrap}.wb-answer{border:var(--bw) solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:var(--pad)}.wb-answer.focused{border-color:var(--acc)}.wb-answer-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--muted)}.wb-answer h2{margin:0 0 6px;font-family:var(--font-display);font-size:calc(var(--title) - 2px);line-height:1.3;color:var(--text);font-weight:var(--hweight);font-stretch:var(--hstretch);letter-spacing:var(--hls)}.wb-answer>p{margin:0 0 14px;font-size:15px;line-height:1.6}.wb-markdown{font-size:15px;line-height:1.6}.wb-markdown>:first-child{margin-top:0}.wb-markdown>:last-child{margin-bottom:0}.wb-markdown h1,.wb-markdown h2,.wb-markdown h3{font-family:var(--font-display);font-weight:var(--hweight);font-stretch:var(--hstretch);letter-spacing:var(--hls);margin:14px 0 6px;line-height:1.3}.wb-markdown h1{font-size:calc(var(--title) - 1px)}.wb-markdown h2{font-size:calc(var(--title) - 2px)}.wb-markdown h3{font-size:15px}.wb-markdown p{margin:0 0 10px}.wb-markdown ul,.wb-markdown ol{margin:0 0 10px;padding-left:22px}.wb-markdown code{font-family:var(--font-mono);font-size:12.5px;background:var(--emph);color:var(--emphfg);padding:1px 5px;border-radius:4px}.wb-markdown pre{padding:12px;border-radius:var(--radius);background:var(--canvas);border:var(--bw) solid var(--border);overflow:auto}.wb-markdown pre code{background:transparent;color:inherit;padding:0}.wb-markdown table,.wb-table-wrap table,.wb-card.table table{width:100%;border-collapse:collapse;font-size:13px}.wb-markdown table{border:var(--bw) solid var(--border);border-radius:var(--radius);margin:0 0 12px;overflow:hidden}.wb-table-wrap{border:var(--bw) solid var(--border);border-radius:var(--radius);overflow:hidden}.workbench th{padding:8px 12px;text-align:left;font-size:12px;font-weight:600;background:var(--emph);color:var(--emphfg);border:0;white-space:nowrap}.workbench td{padding:9px 12px;border-top:1px solid var(--border);vertical-align:top}.wb-card.table th{background:var(--canvas);color:var(--muted);border-bottom:var(--bw) solid var(--border)}.wb-card.table tbody tr{cursor:pointer}.wb-card.table tbody tr:hover{background:var(--canvas)}.wb-card.table tbody tr.selected{background:var(--emph);color:var(--emphfg)}.wb-card.table tbody tr:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;box-shadow:none}.wb-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 7px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.wb-pill.success{background:#e8f4ec;color:#17683a}.wb-pill.warning{background:#fff4dc;color:#7a4e00}.wb-pill.error{background:#fdf1f0;color:#a12e25}.wb-pill.info{background:var(--emph);color:var(--emphfg)}.wb-pill.neutral{background:#f1f1f1;color:#3a3a3a}.wb-warning{display:flex;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid #EBCB8B;border-radius:var(--radius);background:#fff8ea;font-size:13px;color:#3a3a3a}.wb-warning svg{color:#a36a00;flex:none;margin-top:2px}.wb-warning strong{font-weight:600;color:#141414}.wb-evidence{margin-top:14px;padding-top:12px;border-top:var(--bw) solid var(--border)}.wb-evidence .wb-label{margin-bottom:6px}.wb-evidence>div{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px}.wb-evidence>div svg{color:var(--acc)}.wb-evidence>div .mono{margin-left:auto;color:var(--muted)}.wb-actions{display:flex;gap:6px;margin-top:12px}.wb-chip-btn{height:28px;padding:0 10px;border-radius:var(--btnr);border:var(--bw) solid var(--border);background:transparent;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text);cursor:pointer;white-space:nowrap}.wb-chip-btn:hover{border-color:var(--acc)}.wb-primary{height:38px;padding:0 16px;border-radius:var(--btnr);border:0;background:var(--acc);color:var(--accfg);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.wb-primary:disabled{opacity:.5;cursor:not-allowed}.wb-composer-wrap{flex:none;padding:10px 32px 18px;background:var(--canvas)}.wb-composer-inner{max-width:760px;margin:0 auto}.wb-note{margin-bottom:8px;font-size:12px;color:var(--muted);animation:fade .2s ease}.wb-context-chip{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:4px 6px 4px 10px;border-radius:999px;background:var(--emph);color:var(--emphfg);font-size:12px;font-weight:600;animation:fade .2s ease}.wb-context-chip button{width:20px;height:20px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--emphfg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.wb-composer{border:var(--bw) solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:10px 10px 10px 14px;display:flex;align-items:flex-end;gap:10px}.wb-composer:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--emph)}.wb-composer textarea{flex:1;border:0;outline:none;resize:none;background:transparent;font-family:inherit;font-stretch:inherit;font-size:15px;line-height:1.5;color:var(--text);padding:6px 0;height:auto;min-height:36px;max-height:160px}.wb-composer textarea:focus-visible{box-shadow:none}.wb-error{display:flex;align-items:center;gap:10px;margin:12px 32px 0;padding:10px 12px;border:1px solid #E5B4AF;border-radius:var(--radius);background:#fdf5f4;color:#3a3a3a;font-size:13px;animation:fade .2s ease}.wb-error svg{color:#c0362c;flex:none}.wb-error span{flex:1}.wb-inline-error{font-size:12px;color:#a12e25;margin-top:6px}.wb-card{border:var(--bw) solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:var(--pad)}.wb-card.table{padding:0;overflow-x:auto}.wb-setup{display:flex;gap:12px;align-items:flex-start}.wb-setup>svg{color:var(--acc);margin-top:2px;flex:none}.wb-setup-title{font-size:15px;font-weight:600}.wb-query{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.wb-query label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.wb-query input,.wb-query select{height:36px;border:var(--bw) solid var(--border);border-radius:calc(var(--radius) / 2 + 2px);padding:0 10px;font-size:14px;font-weight:400;background:var(--canvas);color:var(--text);outline:none;min-width:180px;width:auto;font-family:inherit}.wb-query input:focus,.wb-query select:focus{border-color:var(--acc);box-shadow:0 0 0 3px var(--emph)}.wb-card>.wb-subtitle{margin-top:8px}.wb-results{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:var(--gap);align-items:start}.wb-record{display:flex;flex-direction:column;gap:8px;animation:fade .2s ease}.wb-record-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:13px}.wb-record-row>span:first-child{color:var(--muted);text-transform:capitalize}.wb-record-row>span:last-child{word-break:break-word}.wb-record .wb-secondary{align-self:flex-start;margin-top:6px;height:34px;font-weight:600}.wb-placeholder{border:1px dashed var(--border);border-radius:var(--radius);padding:var(--pad);font-size:13px;color:var(--muted)}.wb-activity{width:340px;flex:none;display:flex;flex-direction:column;background:var(--panel);border-left:var(--bw) solid var(--border);min-height:0}.wb-activity-head{padding:16px 18px 12px;border-bottom:1px solid var(--border);flex:none}.wb-activity-head>div:first-child{display:flex;align-items:center;gap:8px}.wb-activity-head>div:first-child>svg{color:var(--acc);flex:none}.wb-activity-head .wb-pill{margin-left:auto;height:22px;font-size:11px}.wb-activity-summary{color:var(--muted);margin-top:6px;font-size:11px}.wb-activity-empty{padding:24px 18px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.wb-event{width:100%;height:auto;display:grid;grid-template-columns:54px 18px minmax(0,1fr) 14px;gap:0 10px;align-items:start;padding:var(--rowpad) 16px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;color:var(--text);font-size:13px}.wb-event:hover{background:var(--canvas)}.wb-event.selected{background:var(--emph);color:var(--emphfg)}.wb-event>svg{color:var(--muted);padding-top:2px}.wb-event-time{color:var(--muted);padding-top:2px;font-size:11px}.wb-event-icon{color:var(--muted);padding-top:1px}.wb-event-body{min-width:0}.wb-event-title{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-event-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-event-status{display:inline-flex;align-items:center;gap:3px;color:#17683a}.wb-detail-top{padding:12px 12px 0;animation:fade .18s ease;flex:none}.wb-back{height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.wb-back:hover{background:var(--canvas)}.wb-detail-title{display:flex;align-items:flex-start;gap:10px;padding:8px 6px 12px}.wb-detail-title .wb-heading{white-space:normal;line-height:1.3}.wb-tabs{display:flex;gap:16px;padding:0 6px;border-bottom:1px solid var(--border)}.wb-tabs button{padding:8px 0;border:0;background:transparent;font-size:13px;cursor:pointer;color:var(--muted)}.wb-tabs button[aria-selected=true]{color:var(--text);font-weight:600;box-shadow:inset 0 -2px 0 var(--acc)}.wb-detail-body{padding:14px 18px;display:flex;flex-direction:column;gap:12px;font-size:13px}.wb-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:7px 10px}.wb-fields>div{display:contents}.wb-fields>div>span:first-child{color:var(--muted);text-transform:capitalize}.wb-fields>div>span:last-child{word-break:break-word}.wb-rows{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.wb-rows>div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border)}.wb-rows>div:last-child{border-bottom:0}.wb-rows>div>span:last-child{color:var(--muted);text-align:right}.wb-detail-note{padding:10px 12px;border-radius:var(--radius);background:var(--canvas);border:1px solid var(--border);color:var(--muted)}.wb-detail-value{display:flex;flex-direction:column;gap:10px}.wb-detail-value .detail-grid>div{grid-template-columns:110px minmax(0,1fr)}.wb-detail-value .detail-grid dt{color:var(--muted)}.wb-detail-value .detail-list>div{border-color:var(--border)}.studio-workspace{max-height:66vh;overflow-y:auto;flex-shrink:1}.studio-workspace .studio-panel{gap:14px}.studio-workspace h2{font-size:20px}.studio-workspace h3{font-size:16px}.studio-workspace .panel{background:var(--panel);color:var(--text);border-color:var(--border);border-radius:var(--radius)}.studio-workspace .primary{background:var(--acc);color:var(--accfg);border-radius:var(--btnr)}.studio-workspace .studio-run{background:var(--panel);border-color:var(--border)}.studio-entities{display:flex;flex-direction:column;gap:10px}.studio-entities>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--border-1);padding:8px 0}.studio-entities small{display:block;color:var(--fg-2);margin-top:4px}.studio-entities input{max-width:120px}.wb-suggestions-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
