:root{--paper: #fbfaf8;--surface: #ffffff;--surface-sunk: #f4f2ee;--ink: #16181c;--ink-muted: #6b7078;--ink-faint: #9aa0a8;--line: #e4e1db;--line-strong: #cfcbc3;--accent: #2f6bff;--accent-soft: #e8efff;--accent-ink: #ffffff;--warn: #b4541f;--good: #1f7a4d;--heat-0: #f1ece3;--heat-1: #f4dba8;--heat-2: #efb35c;--heat-3: #e07a3c;--heat-4: #c2402b;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgb(20 22 26 / .06), 0 1px 1px rgb(20 22 26 / .04);--shadow-md: 0 4px 16px rgb(20 22 26 / .09), 0 1px 3px rgb(20 22 26 / .05);--shadow-lg: 0 16px 48px rgb(20 22 26 / .16);--ease: cubic-bezier(.2, .7, .3, 1);--fast: .15s;--base: .22s;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0f1115;--surface: #161920;--surface-sunk: #1c2028;--ink: #eceef1;--ink-muted: #949aa4;--ink-faint: #6c737e;--line: #262a32;--line-strong: #363c46;--accent: #5b8cff;--accent-soft: #1b2740;--accent-ink: #0b1020;--warn: #e08a4f;--good: #4fb98a;--heat-0: #23262d;--heat-1: #5a4a2c;--heat-2: #9a7238;--heat-3: #c4703a;--heat-4: #d8503a;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 16px rgb(0 0 0 / .45);--shadow-lg: 0 16px 48px rgb(0 0 0 / .55)}}:root[data-theme=dark]{--paper: #0f1115;--surface: #161920;--surface-sunk: #1c2028;--ink: #eceef1;--ink-muted: #949aa4;--ink-faint: #6c737e;--line: #262a32;--line-strong: #363c46;--accent: #5b8cff;--accent-soft: #1b2740;--accent-ink: #0b1020;--warn: #e08a4f;--good: #4fb98a;--heat-0: #23262d;--heat-1: #5a4a2c;--heat-2: #9a7238;--heat-3: #c4703a;--heat-4: #d8503a;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 16px rgb(0 0 0 / .45);--shadow-lg: 0 16px 48px rgb(0 0 0 / .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}h1{font-size:20px;font-weight:600;letter-spacing:-.02em}h2{font-size:15px;font-weight:600;letter-spacing:-.01em}button{font:inherit;color:inherit;cursor:pointer}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app{display:grid;grid-template-rows:auto 1fr;height:100%}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;border-bottom:1px solid var(--line);background:var(--surface)}.wordmark{font-weight:600;letter-spacing:-.03em;font-size:15px;display:flex;align-items:center;gap:8px}.wordmark-mark{width:18px;height:18px;border-radius:5px;background:var(--ink);position:relative}.wordmark-mark:after{content:"";position:absolute;inset:5px 5px auto auto;width:6px;height:6px;border-radius:2px;background:var(--paper)}.spacer{flex:1}.workspace{display:grid;grid-template-columns:232px 1fr;min-height:0}.workspace.with-inspector{grid-template-columns:232px 1fr 320px}.rail{border-right:1px solid var(--line);background:var(--surface);padding:12px;overflow-y:auto;min-height:0}.inspector{border-left:1px solid var(--line);background:var(--surface);padding:16px;overflow-y:auto;min-height:0;animation:slide-in var(--base) var(--ease)}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.canvas-wrap{position:relative;min-height:0;overflow:hidden;background:var(--surface-sunk)}.rail-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:14px 4px 6px}.rail-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--ink-muted);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.rail-item:hover{background:var(--surface-sunk);color:var(--ink)}.rail-item[aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:500}.swatch{width:9px;height:9px;border-radius:3px;flex:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:hover{background:var(--surface-sunk)}.btn:active{transform:translateY(.5px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08);background:var(--accent)}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:var(--surface-sunk);border:1px solid var(--line);font-size:12px;color:var(--ink-muted)}.select{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:13px}.metric{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.metric-label{font-size:12px;color:var(--ink-muted)}.metric-value{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.legend{position:absolute;left:16px;bottom:16px;padding:10px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:12px}.legend-ramp{height:8px;width:168px;border-radius:999px;margin:6px 0 4px;background:linear-gradient(to right,var(--heat-0),var(--heat-1),var(--heat-2),var(--heat-3),var(--heat-4))}.legend-scale{display:flex;justify-content:space-between;color:var(--ink-faint);font-size:11px}.zoom-controls{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;gap:1px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--line)}.zoom-controls button{width:32px;height:32px;border:0;background:var(--surface);color:var(--ink-muted);font-size:15px;display:grid;place-items:center}.zoom-controls button:hover{background:var(--surface-sunk);color:var(--ink)}.empty{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:32px;color:var(--ink-muted);max-width:420px;margin:0 auto}.empty h2{color:var(--ink);font-size:17px}.center-page{height:100%;display:grid;place-items:center;padding:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.field{display:grid;gap:5px;margin-bottom:12px}.field label{font-size:12px;color:var(--ink-muted)}.field input{padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font:inherit}.error-text{color:var(--warn);font-size:13px}.chat{display:grid;grid-template-rows:auto 1fr auto;height:100%;min-height:0}.chat-log{overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 0 12px;min-height:0}.bubble{padding:10px 12px;border-radius:var(--radius);font-size:13px;line-height:1.55;white-space:pre-wrap;animation:rise var(--base) var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.bubble-user{background:var(--accent-soft);color:var(--ink);align-self:flex-end;max-width:92%}.bubble-assistant{background:var(--surface-sunk);border:1px solid var(--line)}.tool-trace{font-size:11px;color:var(--ink-faint);font-family:var(--mono)}.chat-input{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.chat-input textarea{flex:1;resize:none;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font:inherit;font-size:13px;min-height:40px;max-height:120px}.insight{border:1px solid var(--line);border-left:3px solid var(--ink-faint);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;background:var(--surface);width:100%;text-align:left;transition:box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.insight:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.insight[data-severity=opportunity]{border-left-color:var(--good)}.insight[data-severity=warning]{border-left-color:var(--warn)}.insight-title{font-weight:600;font-size:13px;margin-bottom:3px}.insight-body{font-size:12px;color:var(--ink-muted);line-height:1.5}.insight-action{margin-top:6px;font-size:12px;color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-weight:500;color:var(--ink-faint);padding:6px 8px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.table td{padding:6px 8px;border-bottom:1px solid var(--line)}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.small{font-size:12px}@media(max-width:900px){.workspace,.workspace.with-inspector{grid-template-columns:1fr}.rail{display:none}.inspector{position:absolute;inset:auto 0 0;max-height:55%;border-left:0;border-top:1px solid var(--line);z-index:5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.toolbar-divider{width:1px;height:20px;background:var(--line);margin:0 2px}.toolbar .btn{padding:6px 10px}.canvas-hint{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:13px;z-index:4;animation:rise var(--base) var(--ease)}.banner-error{display:flex;align-items:center;gap:10px;padding:8px 16px;background:color-mix(in srgb,var(--warn) 12%,var(--surface));border-bottom:1px solid var(--line);color:var(--warn);font-size:13px}.banner-error .btn{margin-left:auto;padding:4px 10px}.tabs{display:flex;gap:2px;padding:3px;background:var(--surface-sunk);border-radius:var(--radius-sm)}.tab{flex:1;padding:6px 8px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--ink-muted);font-size:12px;font-weight:500;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.store-card{transition:box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.store-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}input[type=file]{width:100%;font-size:12px;color:var(--ink-muted)}input[type=file]::file-selector-button{font:inherit;font-size:12px;font-weight:500;padding:6px 10px;margin-right:10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer}code{font-family:var(--mono);font-size:.92em;padding:1px 4px;border-radius:4px;background:var(--surface-sunk)}.stepper{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid var(--line)}.stepper .btn{padding:2px 9px;font-size:15px;line-height:1.2}.canvas-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:340px;padding:20px 22px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:var(--shadow-md);text-align:center;z-index:3;pointer-events:none;animation:rise var(--base) var(--ease)}.canvas-empty h2{margin-bottom:6px}.canvas-empty strong{color:var(--ink);font-weight:600}.legend-hint{margin-top:5px;max-width:168px;font-size:11px;line-height:1.4;color:var(--ink-faint)}