@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ground-lavender: #bec3e8;--ground-periwinkle: #d8daf1;--ground-warm: #c5c5db;--ground-core: #9ca7de;--shell: #ecf4ff;--surface-card: #ffffff;--ink: #05060b;--ink-muted: #4d506e;--ink-subtle: #6c72ac;--instrument-ground: #e8e8e8;--instrument-card: #222222;--instrument-tray: #1c1c1c;--instrument-pill: #272727;--instrument-text: #8a8a8a;--instrument-hairline: #313131;--rim-amber: #e0a33c;--rim-orange: #ec630d;--rim-crimson: #ff3535;--rim-teal: #27a394;--r-shell: 30px;--r-card: 20px;--r-tray: 36px;--r-pill: 999px;--r-icon: 14px;--font-ui: "General Sans", "Avenir Next", "Century Gothic", system-ui, sans-serif;--font-mono: "Commit Mono", ui-monospace, "SF Mono", Menlo, monospace;--motion-fast: .12s;--motion-base: .16s;--motion-slow: .18s;--ease: cubic-bezier(.2, 0, 0, 1);--rim-hue: var(--rim-orange);--rim-opacity: 0;--rim-saturation: 0%;--rim-blur: 0px}[data-activity=running]{--rim-opacity: .85;--rim-saturation: 100%;--rim-blur: 48px}[data-activity=blocked]{--rim-opacity: .85;--rim-saturation: 35%;--rim-blur: 48px}[data-activity=error]{--rim-opacity: .85;--rim-saturation: 100%;--rim-blur: 48px;--rim-hue: var(--rim-crimson)}[data-lane="0"]{--rim-hue: var(--rim-amber)}[data-lane="1"]{--rim-hue: var(--rim-orange)}[data-lane="2"]{--rim-hue: var(--rim-crimson)}[data-lane="3"]{--rim-hue: var(--rim-teal)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);color:var(--ink);background:var(--shell)}.rim{position:relative;isolation:isolate}.rim:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:inherit;background:var(--rim-hue);opacity:var(--rim-opacity);filter:blur(var(--rim-blur)) saturate(var(--rim-saturation));transition:opacity var(--motion-base) var(--ease),filter var(--motion-base) var(--ease)}@media(prefers-reduced-motion:reduce){.rim:before{transition-duration:0ms}*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}:where(button,input,textarea,select):focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shell{height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 288px;background:var(--shell)}.canvas{border-left:1px solid rgb(5 6 11 / 6%);background:var(--shell);padding:16px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}.canvas-vitals{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface-card);border:1px solid rgb(5 6 11 / 7%);border-radius:var(--r-card)}.suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.canvas{order:-1;border-left:0;border-bottom:1px solid rgb(5 6 11 / 6%);flex-direction:row;align-items:center;gap:10px;overflow-x:auto;padding:10px 16px}.canvas .canvas-aside{display:none}.canvas .canvas-vitals{flex-direction:row;gap:16px;padding:8px 12px;width:100%}.suggestions{grid-template-columns:minmax(0,1fr)}}.tray-chip{all:unset;cursor:pointer;flex:0 0 auto;padding:6px 13px;font:500 12.5px var(--font-ui);white-space:nowrap;border-radius:var(--r-pill);transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}@media(max-width:560px){.tray-chip{padding:6px 9px;font-size:11.5px}}.perm-btn{all:unset;cursor:pointer;padding:8px 16px;border-radius:var(--r-pill);font:500 13px var(--font-ui);white-space:nowrap;transition:opacity var(--motion-fast) var(--ease)}.perm-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.perm-btn[disabled]{cursor:default;opacity:.45}.perm-btn-primary{background:var(--ink);color:var(--shell)}.perm-btn-secondary{border:1px solid rgb(5 6 11 / 12%);color:var(--ink-muted)}
