:root[data-studio-shell]{color-scheme:light;--studio-paper:oklch(0.97 0.012 84);--studio-surface:oklch(0.992 0.008 84);--studio-subtle:oklch(0.945 0.012 84);--studio-hover:oklch(0.925 0.014 84);--studio-ink:oklch(0.2 0.01 70);--studio-soft-ink:oklch(0.43 0.012 70);--studio-line:oklch(0.84 0.016 83);--studio-line-strong:oklch(0.74 0.018 82);--studio-red:oklch(0.52 0.17 30);--studio-red-hover:oklch(0.44 0.16 30);--studio-red-soft:oklch(0.94 0.035 30);--studio-danger:oklch(0.48 0.18 24);--studio-success:oklch(0.52 0.12 150);--studio-warning:oklch(0.68 0.13 75);--studio-control-height:32px;--studio-header-height:56px;--studio-radius-xs:2px;--studio-radius-sm:6px;--studio-radius-md:8px;--studio-focus:0 0 0 3px oklch(0.52 0.17 30 / 0.2);--studio-shadow-sm:0 1px 2px oklch(0.2 0.01 70 / 0.08);--studio-shadow-float:0 14px 38px oklch(0.2 0.01 70 / 0.16);--surface:var(--studio-paper);--surface-raised:var(--studio-surface);--surface-subtle:var(--studio-subtle);--surface-hover:var(--studio-hover);--panel:var(--studio-surface);--panel2:var(--studio-subtle);--subtle:var(--studio-subtle);--hover:var(--studio-hover);--bg:var(--studio-paper);--ink:var(--studio-ink);--text:var(--studio-ink);--muted:var(--studio-soft-ink);--muted-strong:var(--studio-soft-ink);--line:var(--studio-line);--line-strong:var(--studio-line-strong);--accent:var(--studio-red);--accent-hover:var(--studio-red-hover);--accent-soft:var(--studio-red-soft);--danger:var(--studio-danger);--good:var(--studio-success);--warn:var(--studio-warning);--bad:var(--studio-danger);--focus:var(--studio-focus);--radius-sm:var(--studio-radius-sm);--radius:var(--studio-radius-md);--radius-md:var(--studio-radius-md);--radius-lg:var(--studio-radius-md)}:root[data-studio-shell],:root[data-studio-shell] body{background:var(--studio-paper);color:var(--studio-ink);font-family:Helvetica,Arial,ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.42}:root[data-studio-shell] *,:root[data-studio-shell] ::before,:root[data-studio-shell] ::after{box-sizing:border-box}:root[data-studio-shell] ::selection{background:var(--studio-red);color:var(--studio-surface)}:root[data-studio-shell] .app-header,:root[data-studio-shell] .studio-shell__header{min-height:var(--studio-header-height);padding:0 12px;border-bottom:1px solid var(--studio-line);background:var(--studio-surface);color:var(--studio-ink);box-shadow:none;backdrop-filter:none}:root[data-studio-shell] .brand{min-width:0;color:var(--studio-ink)}:root[data-studio-shell] .brand-mark,:root[data-studio-shell] .mark{position:relative;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--studio-ink);border-radius:var(--studio-radius-xs);background:var(--studio-ink);box-shadow:none}:root[data-studio-shell] .brand-mark::after,:root[data-studio-shell] .mark::after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;background:var(--studio-red)}:root[data-studio-shell] .brand strong,:root[data-studio-shell] .brand-name{color:var(--studio-ink);font-size:13px;font-weight:700;letter-spacing:-.015em}:root[data-studio-shell] .brand span,:root[data-studio-shell] .brand-meta{color:var(--studio-soft-ink)}glsl-studio-nav{display:block;flex:0 0 auto}.studio-switcher{display:flex;align-items:center;gap:6px}.studio-switcher__label{color:var(--studio-soft-ink);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.studio-switcher__links{display:flex;align-items:center;padding:2px;border:1px solid var(--studio-line);border-radius:var(--studio-radius-sm);background:var(--studio-subtle)}.studio-switcher__link{min-height:25px;display:inline-flex;align-items:center;padding:0 8px;border-radius:4px;color:var(--studio-soft-ink);font-size:9px;font-weight:700;line-height:1;text-decoration:none}.studio-switcher__link:hover{background:var(--studio-hover);color:var(--studio-ink)}.studio-switcher__link[aria-current=page]{background:var(--studio-surface);color:var(--studio-red-hover);box-shadow:var(--studio-shadow-sm)}.studio-switcher__link:focus-visible{outline:0;box-shadow:var(--studio-focus)}.studio-switcher__select{display:none}:root[data-studio-shell] button,:root[data-studio-shell] select,:root[data-studio-shell] input[type=text],:root[data-studio-shell] input[type=number],:root[data-studio-shell] textarea{border:1px solid var(--studio-line);border-radius:var(--studio-radius-sm);background:var(--studio-surface);color:var(--studio-ink);outline:0;box-shadow:none}:root[data-studio-shell] button{min-height:var(--studio-control-height);padding:0 11px;font-weight:650;transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease}:root[data-studio-shell] button:hover:not(:disabled){border-color:var(--studio-line-strong);background:var(--studio-hover);color:var(--studio-ink);transform:none}:root[data-studio-shell] button:active:not(:disabled){background:var(--studio-subtle);transform:none}:root[data-studio-shell] button:disabled{opacity:.42;cursor:not-allowed}:root[data-studio-shell] button.primary{border-color:var(--studio-red);background:var(--studio-red);color:var(--studio-surface);box-shadow:none}:root[data-studio-shell] button.primary:hover:not(:disabled){border-color:var(--studio-red-hover);background:var(--studio-red-hover);color:var(--studio-surface)}:root[data-studio-shell] button.quiet{border-color:transparent;background:0 0}:root[data-studio-shell] button.danger{color:var(--studio-danger)}:root[data-studio-shell] button[aria-pressed=true],:root[data-studio-shell] button[aria-selected=true],:root[data-studio-shell] button.active,:root[data-studio-shell] .segmented button.active{border-color:oklch(.79 .055 30);background:var(--studio-red-soft);color:var(--studio-red-hover)}:root[data-studio-shell] button:focus-visible,:root[data-studio-shell] a:focus-visible,:root[data-studio-shell] select:focus-visible,:root[data-studio-shell] input:focus-visible,:root[data-studio-shell] textarea:focus-visible,:root[data-studio-shell] summary:focus-visible{outline:0;border-color:var(--studio-red);box-shadow:var(--studio-focus)}:root[data-studio-shell] select,:root[data-studio-shell] input[type=text],:root[data-studio-shell] input[type=number]{height:var(--studio-control-height)}:root[data-studio-shell] input[type=checkbox]{accent-color:var(--studio-red)}:root[data-studio-shell] input[type=color]{border:1px solid var(--studio-line);border-radius:var(--studio-radius-sm);background:var(--studio-surface)}:root[data-studio-shell] input[type=range]{--studio-range-progress:var(
    --range-position,
    var(--pct, var(--p, 50%))
  );appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:0;background:0 0;cursor:pointer}:root[data-studio-shell] input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--studio-red)0 var(--studio-range-progress),var(--studio-line-strong) var(--studio-range-progress) 100%)}:root[data-studio-shell] input[type=range]::-moz-range-track{height:4px;border:0;border-radius:999px;background:var(--studio-line-strong)}:root[data-studio-shell] input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:var(--studio-red)}:root[data-studio-shell] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:2px solid var(--studio-red);border-radius:50%;background:var(--studio-surface);box-shadow:var(--studio-shadow-sm)}:root[data-studio-shell] input[type=range]::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--studio-red);border-radius:50%;background:var(--studio-surface);box-shadow:var(--studio-shadow-sm)}:root[data-studio-shell] input[type=range]:focus-visible{border-color:transparent;box-shadow:none}:root[data-studio-shell] input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--studio-focus)}:root[data-studio-shell] input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--studio-focus)}:root[data-studio-shell] .panel,:root[data-studio-shell] .sidebar,:root[data-studio-shell] aside{background:var(--studio-surface);color:var(--studio-ink);scrollbar-color:var(--studio-line-strong) transparent}:root[data-studio-shell] .panel-head,:root[data-studio-shell] .inspector-header{border-color:var(--studio-line);background:var(--studio-surface);backdrop-filter:none}:root[data-studio-shell] .panel-kicker,:root[data-studio-shell] .section-title,:root[data-studio-shell] .section h2{color:var(--studio-soft-ink);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}:root[data-studio-shell] .panel-description,:root[data-studio-shell] .field-note,:root[data-studio-shell] .section-note,:root[data-studio-shell] .hint{color:var(--studio-soft-ink)}:root[data-studio-shell] .section{border-color:var(--studio-line)}:root[data-studio-shell] .tabs,:root[data-studio-shell] .inspector-tabs,:root[data-studio-shell] .segmented{border-color:var(--studio-line);background:var(--studio-subtle)}:root[data-studio-shell] .tabs button,:root[data-studio-shell] .inspector-tab,:root[data-studio-shell] .segmented button{border-color:transparent;background:0 0;color:var(--studio-soft-ink)}:root[data-studio-shell] #stageWrap,:root[data-studio-shell] .viewport,:root[data-studio-shell] .viewport-shell,:root[data-studio-shell] .studio-shell__canvas{background-color:var(--studio-subtle);background-image:linear-gradient(var(--studio-line) 1px,transparent 1px),linear-gradient(90deg,var(--studio-line) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px}.studio-zoom{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--studio-line);border-radius:var(--studio-radius-md);background:var(--studio-surface);box-shadow:var(--studio-shadow-sm)}.studio-zoom button{min-height:27px!important;height:27px!important;padding:0 8px!important;border-color:transparent!important;background:0 0!important;font-size:9px!important}.studio-zoom button:hover:not(:disabled){border-color:transparent!important;background:var(--studio-hover)!important}.studio-zoom .zoom-icon,.studio-zoom button.icon{width:27px!important;padding:0!important;font-size:14px!important}.studio-zoom .zoom-value,.studio-zoom .readout{min-width:42px;color:var(--studio-soft-ink);font-size:9px;font-variant-numeric:tabular-nums;text-align:center}:root[data-studio-shell] .stage-tools{border-color:var(--studio-line);background:var(--studio-surface);box-shadow:var(--studio-shadow-float)}.viewport-region{position:relative;min-width:0;min-height:0}.viewport-region>.viewport-shell{position:absolute;inset:0;display:block;overflow:auto;padding:0;overscroll-behavior:contain}.flow-stage{display:grid;place-items:center;min-width:100%;min-height:100%}.viewport-region>.studio-zoom{position:absolute;right:14px;bottom:14px;z-index:4}:root[data-studio-shell=flow] .canvas-wrap{border:1px solid var(--studio-line-strong);border-radius:4px;box-shadow:0 18px 52px oklch(.2 .01 70/.22)}:root[data-studio-shell=flow] .phase-chip{border-color:var(--studio-line);background:var(--studio-subtle);color:var(--studio-soft-ink)}:root[data-studio-shell=flow] .type-run{border-color:var(--studio-line);border-radius:var(--studio-radius-md);background:var(--studio-subtle)}:root[data-studio-shell=flow] .type-run:focus-within{border-color:var(--studio-red);background:var(--studio-surface);box-shadow:var(--studio-focus)}:root[data-studio-shell=flow] .type-run-top .line-toggle,:root[data-studio-shell=flow] .type-run-top .remove-run,:root[data-studio-shell=flow] .direction-grid button,:root[data-studio-shell=flow] .direction-summary,:root[data-studio-shell=flow] .section-subhead{color:var(--studio-soft-ink)}:root[data-studio-shell=flow] .font-note::before{border-radius:var(--studio-radius-xs);background:var(--studio-ink);color:var(--studio-surface)}:root[data-studio-shell] .diagnostics,:root[data-studio-shell] .statusbar,:root[data-studio-shell] footer{border-color:var(--studio-line);background:var(--studio-surface);color:var(--studio-soft-ink)}:root[data-studio-shell] .metric{border-color:var(--studio-line);border-radius:var(--studio-radius-sm);background:var(--studio-subtle)}:root[data-studio-shell] .metric span{color:var(--studio-soft-ink)}:root[data-studio-shell] .metric strong{color:var(--studio-ink)}:root[data-studio-shell] .kbd,:root[data-studio-shell] kbd{border-color:var(--studio-line-strong);border-radius:3px;background:var(--studio-subtle);color:var(--studio-soft-ink);box-shadow:none}:root[data-studio-shell] .toast{border:1px solid var(--studio-ink);border-radius:var(--studio-radius-sm);background:var(--studio-ink);color:var(--studio-surface);box-shadow:var(--studio-shadow-float)}body.preview-mode .studio-zoom,body.preview .studio-switcher{display:none}@media (max-width:1180px){.studio-switcher__label,.studio-switcher__links{display:none}.studio-switcher__select{display:block}.studio-switcher__select select{width:116px!important;height:30px!important;padding:0 8px!important;font-size:9px;font-weight:700}}@media (max-width:760px){:root[data-studio-shell] .app-header,:root[data-studio-shell] .studio-shell__header{padding:8px 10px}.studio-switcher__select select{width:104px!important}.viewport-region>.studio-zoom{right:10px;bottom:10px}}@media (pointer:coarse){:root[data-studio-shell] button{min-height:40px}.studio-zoom button{min-height:34px!important;height:34px!important}}@media (prefers-reduced-motion:reduce){:root[data-studio-shell] *,:root[data-studio-shell] ::before,:root[data-studio-shell] ::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}