@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--font-display: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: var(--font-display);--font-serif: var(--font-display);--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--st-mono: var(--font-mono);--st-void: #0A0908;--st-sheet: #0F0E0D;--st-raise: #161513;--st-raise-hi: #1E1D1A;--st-rule: #292722;--st-rule-soft: #1A1917;--st-ink: #F5F2ED;--st-graphite: #A6A29B;--st-pencil: #6F6B64;--st-accent: #F5F2ED;--st-on-accent: #0A0908;--st-blue: var(--st-accent);--st-blue-hi: #FFFFFF;--st-blue-wash: rgba(245, 242, 237, .08);--st-blue-edge: rgba(245, 242, 237, .18);--st-verify: #6FCB92;--st-redline: #E8705B;--st-caution: #D6A250;--st-viewport-hi: #17181A;--st-viewport-lo: #0A0A0B;--st-grid-cell: #24262A;--st-grid-section: #31343A;--st-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--st-shadow: 0 18px 48px rgba(0, 0, 0, .62), 0 2px 8px rgba(0, 0, 0, .4);--st-shadow-lift: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 1px 2px rgba(0, 0, 0, .5);--st-glow: 0 0 0 1px rgba(245, 242, 237, .07), 0 10px 34px rgba(0, 0, 0, .55);--st-scrim: rgba(10, 9, 8, .72);--st-r-xs: 2px;--st-r-sm: 3px;--st-r: 5px;--st-r-lg: 8px;--st-r-xl: 12px;--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .13s;--duration-normal: .22s;color-scheme:dark}:root[data-theme=light]{--st-void: #E4DED7;--st-sheet: #F5F0ED;--st-raise: #FBF8F5;--st-raise-hi: #FFFFFF;--st-rule: #D5CDC4;--st-rule-soft: #E9E3DC;--st-ink: #11100E;--st-graphite: #56534E;--st-pencil: #807C75;--st-accent: #11100E;--st-on-accent: #F5F0ED;--st-blue-hi: #000000;--st-blue-wash: rgba(17, 16, 14, .06);--st-blue-edge: rgba(17, 16, 14, .18);--st-verify: #2F7A4F;--st-redline: #B4432C;--st-caution: #8A6110;--st-viewport-hi: #EDEAE6;--st-viewport-lo: #CFCBC5;--st-grid-cell: #C0BAB2;--st-grid-section: #A29C94;--st-shadow-sm: 0 1px 2px rgba(70, 60, 45, .12);--st-shadow: 0 18px 48px rgba(70, 60, 45, .18), 0 2px 8px rgba(70, 60, 45, .1);--st-shadow-lift: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 1px 2px rgba(70, 60, 45, .12);--st-glow: 0 0 0 1px rgba(17, 16, 14, .07), 0 10px 34px rgba(70, 60, 45, .16);--st-scrim: rgba(245, 240, 237, .78);color-scheme:light}:root,:root[data-theme=light]{--studio-bg: var(--st-void);--studio-panel: var(--st-sheet);--studio-panel-2: var(--st-raise);--studio-border: var(--st-rule);--studio-border-soft: var(--st-rule-soft);--studio-text: var(--st-ink);--studio-text-dim: var(--st-graphite);--studio-text-faint: var(--st-pencil);--studio-accent: var(--st-accent);--studio-accent-dim: var(--st-blue-wash);--studio-ok: var(--st-verify);--studio-warn: var(--st-caution);--studio-err: var(--st-redline);--studio-viewport-hi: var(--st-viewport-hi);--studio-viewport-lo: var(--st-viewport-lo);--color-bg-app: var(--st-void);--color-bg-panel: var(--st-sheet);--color-bg-panel-elevated: var(--st-raise);--color-bg-element: var(--st-raise);--color-bg-element-hover: var(--st-raise-hi);--color-border: var(--st-rule);--color-border-hover: var(--st-blue-edge);--color-text-primary: var(--st-ink);--color-text-secondary: var(--st-graphite);--color-text-muted: var(--st-pencil);--color-text-accent: var(--st-accent);--color-accent: var(--st-accent);--color-accent-glow: var(--st-blue-wash);--slate-900: var(--st-sheet);--radius-sm: var(--st-r-sm);--radius-md: var(--st-r);--radius-lg: var(--st-r-lg);--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--st-void);font-family:var(--font-display);font-size:14px;line-height:1.5;color:var(--st-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizeLegibility}#root{display:flex;width:100%;height:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.022em;color:var(--st-ink)}button{font-family:var(--font-display);font-size:13px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quad),color var(--duration-fast) var(--ease-out-quad),border-color var(--duration-fast) var(--ease-out-quad),opacity var(--duration-fast) var(--ease-out-quad);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],textarea{font-family:var(--font-display);font-size:14px;background-color:var(--st-raise);border:1px solid var(--st-rule);border-radius:var(--st-r);color:var(--st-ink);padding:10px 13px;width:100%;transition:border-color var(--duration-fast) var(--ease-out-quad),background var(--duration-fast) var(--ease-out-quad)}input:focus,textarea:focus{outline:none;border-color:var(--st-blue-edge);background:var(--st-raise-hi)}input::placeholder,textarea::placeholder{color:var(--st-pencil)}::selection{background:var(--st-accent);color:var(--st-on-accent)}a{color:var(--st-ink);text-decoration:none}.of-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.of-label{font-size:9.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--st-pencil);font-family:var(--font-mono)}.of-report-head{font-family:var(--font-display);font-weight:600;letter-spacing:-.028em;line-height:1.18}.of-bracket{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--st-pencil);font-variant-numeric:tabular-nums}.of-chip{display:inline-flex;align-items:center;gap:7px;padding:3px 8px 3px 7px;border-radius:var(--st-r-sm);background:var(--st-raise);border:1px solid var(--st-rule);font-size:11px;line-height:1.35;max-width:100%;min-width:0}.of-chip__verb{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;flex-shrink:0}.of-chip__what{color:var(--st-graphite);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.of-chip__note{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px;color:var(--st-pencil);flex-shrink:0}.of-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border-radius:var(--st-r);border:1px solid var(--st-rule);background:var(--st-raise);color:var(--st-ink);font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap}.of-btn:hover:not(:disabled){background:var(--st-raise-hi);border-color:var(--st-blue-edge)}.of-btn--primary{background:var(--st-accent);border-color:var(--st-accent);color:var(--st-on-accent);font-weight:600}.of-btn--primary:hover:not(:disabled){background:var(--st-blue-hi);border-color:var(--st-blue-hi)}.of-btn--quiet{background:transparent;border-color:transparent;color:var(--st-graphite)}.of-btn--quiet:hover:not(:disabled){background:var(--st-raise);color:var(--st-ink);border-color:transparent}.of-titleblock{display:flex;align-items:stretch;height:28px;flex-shrink:0;background:var(--st-sheet);border-top:1px solid var(--st-rule);overflow:hidden}.of-tb-cell{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 12px;border-right:1px solid var(--st-rule-soft);white-space:nowrap;min-width:0}.of-tb-cell:last-child{border-right:none}.of-tb-key{font-family:var(--font-mono);font-size:7.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--st-pencil);line-height:1}.of-tb-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10.5px;line-height:1;color:var(--st-graphite);overflow:hidden;text-overflow:ellipsis}.of-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--st-r);background:transparent;color:var(--st-graphite);cursor:pointer}.of-tool span{font-size:8.5px;font-weight:500;letter-spacing:.02em;line-height:1}.of-tool:hover:not(:disabled){background:var(--st-raise);border-color:var(--st-rule);color:var(--st-ink)}.of-tool:active:not(:disabled){transform:translateY(1px)}.of-tool:disabled{opacity:.3;cursor:not-allowed}.of-tool-group{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 10px;border-right:1px solid var(--st-rule-soft)}.of-tool-group:last-child{border-right:none}.of-row{transition:background var(--duration-fast) linear}.of-row:hover{background:var(--st-raise)}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--st-accent);outline-offset:1px;border-radius:var(--st-r-xs)}.studio-scroll{scrollbar-width:thin;scrollbar-color:var(--st-rule) transparent}.studio-scroll::-webkit-scrollbar{width:9px;height:9px}.studio-scroll::-webkit-scrollbar-thumb{background:var(--st-rule);border-radius:5px;border:2px solid transparent;background-clip:padding-box}.studio-scroll::-webkit-scrollbar-thumb:hover{background:var(--st-pencil);background-clip:padding-box}.studio-scroll::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--st-rule);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--st-pencil);background-clip:padding-box}.of-md{font-size:13px;line-height:1.68;color:var(--st-ink)}.of-md>*:first-child{margin-top:0}.of-md>*:last-child{margin-bottom:0}.of-md p{margin:0 0 9px}.of-md strong{font-weight:600;color:var(--st-ink)}.of-md em{font-style:italic;color:var(--st-graphite)}.of-md h1,.of-md h2,.of-md h3{font-size:13.5px;font-weight:600;letter-spacing:-.01em;margin:15px 0 6px;color:var(--st-ink)}.of-md ul,.of-md ol{margin:0 0 10px;padding-left:17px}.of-md li{margin-bottom:4px}.of-md li::marker{color:var(--st-pencil)}.of-md code{font-family:var(--font-mono);font-size:11.5px;font-variant-numeric:tabular-nums;padding:1.5px 5px;border-radius:var(--st-r-xs);background:var(--st-raise);border:1px solid var(--st-rule-soft);color:var(--st-ink);white-space:nowrap}.of-md pre{margin:0 0 10px;padding:10px 12px;border-radius:var(--st-r);background:var(--st-raise);border:1px solid var(--st-rule);overflow-x:auto}.of-md pre code{padding:0;border:none;background:transparent;white-space:pre;font-size:11px;line-height:1.6;color:var(--st-graphite)}.of-md blockquote{margin:0 0 10px;padding-left:11px;border-left:2px solid var(--st-rule);color:var(--st-graphite)}.of-md hr{border:none;border-top:1px solid var(--st-rule);margin:14px 0}.of-md a{color:var(--st-ink);text-decoration:underline;text-underline-offset:2px}.of-md table{border-collapse:collapse;margin:0 0 10px;font-size:12px;width:100%}.of-md th,.of-md td{border:1px solid var(--st-rule);padding:5px 8px;text-align:left}.of-md th{color:var(--st-pencil);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.of-spin{animation:spin .9s linear infinite}.of-enter{animation:ofEnter .18s var(--ease-out-quad) both}.of-rise{animation:ofRise .28s var(--ease-out-expo) both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ofEnter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ofRise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes ofPulse{0%,to{opacity:1}50%{opacity:.42}}@keyframes ofBlink{0%,45%{opacity:1}55%,to{opacity:.15}}@keyframes ofSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.of-live{animation:ofPulse 1.5s var(--ease-out-quad) infinite}.of-caret{display:inline-block;width:7px;height:13px;margin-left:2px;vertical-align:-2px;background:var(--st-accent);animation:ofBlink 1s steps(1) infinite}.of-shimmer{background:linear-gradient(90deg,var(--st-pencil) 0%,var(--st-ink) 42%,var(--st-pencil) 84%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ofSweep 2.4s linear infinite}@media(prefers-reduced-motion:reduce){.of-spin{animation-duration:2.4s}.of-enter,.of-rise,.of-live,.of-shimmer{animation:none}.of-shimmer{-webkit-text-fill-color:var(--st-graphite)}.of-caret{animation:none}*{scroll-behavior:auto!important}}.of-range{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:transparent;cursor:ew-resize;padding:0;border:none}.of-range::-webkit-slider-runnable-track{height:2px;background:var(--st-rule);border-radius:1px}.of-range::-moz-range-track{height:2px;background:var(--st-rule);border-radius:1px}.of-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:var(--st-r-xs);background:var(--st-accent);border:none}.of-range::-moz-range-thumb{width:10px;height:10px;border-radius:var(--st-r-xs);background:var(--st-accent);border:none}.of-range:disabled{cursor:default}.of-range:disabled::-webkit-slider-thumb{background:var(--st-pencil)}.of-range:disabled::-moz-range-thumb{background:var(--st-pencil)}.of-stage-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(72% 46% at 50% 0%,rgba(245,242,237,.055) 0%,rgba(245,242,237,.018) 38%,transparent 72%)}:root[data-theme=light] .of-stage-light{background:radial-gradient(72% 46% at 50% 0%,rgba(17,16,14,.05) 0%,transparent 70%)}