.studio-scope{--s-bg:#00141e;--s-panel:#071d27;--s-panel-2:#0d2631;--s-text:#ebebeb;--s-muted:#ebebeb9e;--s-faint:#ebebeb61;--s-line:#ebebeb1a;--s-line-soft:#ebebeb0f;--s-track:#ebebeb1f;--s-hover-wash:#ffffff0a;--s-green:#00dc8c;--s-green-hover:#2ee6a3;--s-green-ink:#00141e;--s-green-wash:#00dc8c14;--s-blue:#008cdc;--s-red:#f02800;--s-red-soft:#f02800b8;--s-display:"Clash Display", "Clash Grotesk", "Segoe UI", sans-serif;--s-body:"Clash Grotesk", "Segoe UI", system-ui, sans-serif;--s-mono:"Clash Grotesk", "Segoe UI", system-ui, sans-serif;--s-fs-body:15px;--s-fs-title:20px;--s-fs-button:15px;--s-fs-small:13px;--s-fs-caption:12px;--s-fs-label:11px;--s-ls-label:.08em;--s-ls-body:0;--s-gap:8px;--s-gap-2:16px;--s-pad:20px;--s-radius:10px;--s-radius-btn:999px;--s-radius-card:14px;--s-radius-pill:20px;--s-rail-w:336px;--s-tap:44px;--s-tap-lg:56px;--s-swatch:48px;--s-stage:#a9adae;--s-stage-ink:#1d2a2e;--s-qr-ink:#00141e;--s-qr-paper:#fff;--s-lens-brown:#6b4a2b;--s-lens-grey:#474c50}
.studio-scope{background:var(--s-bg);min-height:100dvh;color:var(--s-text);font-family:var(--s-body);font-size:var(--s-fs-body);letter-spacing:var(--s-ls-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none}.studio-scope button{cursor:pointer;font-family:inherit}.studio-scope button:disabled{cursor:default}.studio-scope :focus-visible{outline:2px solid var(--rg-focus,var(--s-text));outline-offset:2px}.studio-scope p,.studio-scope h2{margin:0}@media (prefers-reduced-motion:reduce){.studio-scope *,.studio-scope :before,.studio-scope :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.studio-scope .studio-canvas{touch-action:none;min-height:0;position:relative;overflow:hidden}.studio-scope .studio-gl{position:absolute;inset:0}.studio-scope .studio-canvas canvas{width:100%;height:100%;display:block}.studio-scope .studio-wordmark{width:auto;height:22px;margin-bottom:6px;display:block}.studio-scope .studio-eyebrow{color:var(--s-blue);font-family:var(--s-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--s-fs-label);letter-spacing:var(--s-ls-label);text-transform:uppercase;line-height:1.4}.studio-scope .studio-status{left:max(var(--s-pad), env(safe-area-inset-left));bottom:max(var(--s-gap-2), env(safe-area-inset-bottom));border-radius:var(--s-radius-pill);background:var(--s-panel);border:1px solid var(--s-line);color:var(--s-muted);font-size:var(--s-fs-caption);pointer-events:none;padding:6px 12px;position:absolute}.studio-scope .studio-loading{color:var(--s-faint);pointer-events:none;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.studio-scope .studio-loading-frame{width:min(240px,46vw);height:auto;animation:1.2s ease-in-out infinite s-pulse}.studio-scope .studio-progress{background:var(--s-track);border-radius:1px;width:160px;height:2px;display:block;position:relative;overflow:hidden}.studio-scope .studio-progress>span{background:var(--s-green);width:0;transition:width var(--rg-dur-press) linear;position:absolute;inset:0 auto 0 0}.studio-scope .studio-progress[data-indeterminate]>span{width:0}@keyframes s-pulse{50%{opacity:.5}}.studio-scope .cf-builder{background:var(--rg-bg);height:100dvh;color:var(--rg-text);font-family:var(--rg-font);font-size:var(--rg-size-body);line-height:var(--rg-leading-body);font-weight:var(--rg-weight-body);letter-spacing:0;grid-template-rows:52px minmax(0,1fr);display:grid;overflow:hidden}.studio-scope .cf-builder input,.studio-scope [role=dialog] input{-webkit-user-select:text;user-select:text}.studio-scope .cf-builder [data-icon],.studio-scope [role=dialog] [data-icon]{width:calc(var(--rg-control-h) * .5);height:calc(var(--rg-control-h) * .5);flex:none}.studio-scope .cf-top{padding:0 12px 0 8px;padding-top:env(safe-area-inset-top);background:var(--rg-surface);box-shadow:inset 0 -1px 0 var(--rg-line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.studio-scope .cf-top-left,.studio-scope .cf-top-right{align-items:center;gap:10px;min-width:0;display:flex}.studio-scope .cf-top-right{justify-content:flex-end}.studio-scope .cf-back{border-radius:var(--rg-btn-radius);height:36px;color:var(--rg-text-muted);font-size:13px;font-weight:var(--rg-weight-medium);white-space:nowrap;transition:color var(--rg-dur-hover) var(--rg-ease-out), background-color var(--rg-dur-hover) var(--rg-ease-out);align-items:center;gap:4px;padding:0 10px 0 6px;text-decoration:none;display:inline-flex}.studio-scope .cf-back--brand{padding-left:10px}@media (hover:hover) and (pointer:fine){.studio-scope a.cf-back:hover{color:var(--rg-text);background:var(--rg-fill)}}.studio-scope .cf-doc{min-width:0;box-shadow:inset 1px 0 0 var(--rg-line);align-items:baseline;gap:8px;padding-left:10px;display:flex}.studio-scope .cf-doc b,.studio-scope .cf-doc span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-scope .cf-doc b{font-weight:var(--rg-weight-medium);font-size:14px}.studio-scope .cf-doc span{font-size:var(--rg-size-caption);color:var(--rg-text-muted)}.studio-scope .cf-history{gap:2px;display:inline-flex}.studio-scope .cf-engine{border-radius:var(--rg-radius-pill);height:28px;color:var(--rg-text-muted);font-size:var(--rg-size-caption);font-weight:var(--rg-weight-medium);white-space:nowrap;transition:color var(--rg-dur-hover) var(--rg-ease-out), background-color var(--rg-dur-hover) var(--rg-ease-out);align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.studio-scope .cf-engine:hover{color:var(--rg-text);background:var(--rg-fill)}}.studio-scope .cf-engine-dot{background:var(--rg-text-faint);border-radius:50%;width:6px;height:6px}.studio-scope .cf-engine[data-phase=live] .cf-engine-dot{background:var(--rg-accent-graphic)}.studio-scope .cf-engine[data-phase=loading] .cf-engine-dot{background:var(--rg-blue-text);animation:1.2s ease-in-out infinite s-pulse}.studio-scope .cf-engine[data-phase=fallback] .cf-engine-dot{background:var(--rg-red-text)}.studio-scope .cf-body{isolation:isolate;grid-template-rows:minmax(0,1fr);grid-template-columns:256px minmax(0,1fr) 332px;min-height:0;display:grid;position:relative}.studio-scope .cf-body>.studio-gl{z-index:2;pointer-events:none}.studio-scope .cf-body>.studio-gl canvas{width:100%;height:100%;display:block}.studio-scope .cf-inspector{z-index:1;background:var(--rg-surface);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.studio-scope .cf-inspector--frame{overscroll-behavior:contain;box-shadow:inset -1px 0 0 var(--rg-line);gap:28px;padding:20px 16px;overflow-y:auto}.studio-scope .cf-inspector--colour{box-shadow:inset 1px 0 0 var(--rg-line)}.studio-scope .cf-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.studio-scope .cf-panel-body:after{content:"";background:linear-gradient(to bottom, transparent, var(--rg-surface));pointer-events:none;height:16px;position:absolute;bottom:0;left:0;right:0}.studio-scope .cf-panel-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rg-line-strong) transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding:12px 20px 28px;display:flex;overflow-y:auto}.studio-scope .cf-section{flex-direction:column;gap:12px;min-width:0;display:flex}.studio-scope .cf-label{font-size:11px;line-height:16px;font-weight:var(--rg-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--rg-text-muted);margin:0}.studio-scope .cf-foot-narrow{display:none}.studio-scope .cf-stage{z-index:1;background:var(--s-stage);min-width:0;min-height:0;position:relative}.studio-scope .cf-hero-tile{z-index:1;touch-action:none;position:absolute;inset:0}.studio-scope .cf-stage-placeholder{z-index:0;object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .4s var(--rg-ease-out);pointer-events:none;position:absolute;inset:0}.studio-scope .cf-stage-placeholder[data-shown]{opacity:1}.studio-scope .cf-stage-bottom{left:12px;right:12px;bottom:max(14px, env(safe-area-inset-bottom));z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.studio-scope .cf-stage-bottom>*{pointer-events:auto}.studio-scope .cf-float{background:var(--rg-surface);color:var(--rg-text);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-overlay);margin:0}.studio-scope .cf-float[data-motion]{opacity:0;transition:opacity var(--rg-dur-menu-exit) var(--rg-ease-in), transform var(--rg-dur-menu-exit) var(--rg-ease-in);transform:translateY(8px)}.studio-scope .cf-float[data-motion][data-shown]{opacity:1;transition:opacity var(--rg-dur-menu) var(--rg-ease-out), transform var(--rg-dur-menu) var(--rg-ease-out);transform:none}@starting-style{.studio-scope .cf-float[data-motion][data-shown]{opacity:0;transform:translateY(8px)}}.studio-scope .cf-viewbar{border-radius:var(--rg-radius-pill);background:color-mix(in srgb, var(--rg-surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:var(--rg-shadow-overlay);align-items:center;gap:2px;padding:4px;display:inline-flex}.studio-scope .cf-viewbar .cf-segmented{margin:0 2px}.studio-scope .cf-divider{background:var(--rg-line-strong);width:1px;height:20px;margin:0 4px}.studio-scope .cf-segmented{border-radius:var(--rg-radius-pill);background:var(--rg-fill);gap:2px;padding:2px;display:inline-flex}.studio-scope .cf-segmented button{appearance:none;height:calc(var(--rg-control-h) - 8px);border-radius:var(--rg-radius-pill);min-width:44px;color:var(--rg-text-muted);font:inherit;font-size:13px;font-weight:var(--rg-weight-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--rg-dur-hover) var(--rg-ease-out), color var(--rg-dur-hover) var(--rg-ease-out);background:0 0;border:0;flex:1;padding:0 12px}.studio-scope .cf-segmented button[aria-checked=true]{background:var(--rg-surface-raised);color:var(--rg-text);box-shadow:0 1px 2px #0000004d, inset 0 0 0 1px var(--rg-line)}.studio-scope .cf-segmented--fill{width:100%}.studio-scope .cf-status{max-width:100%;font-size:var(--rg-size-caption);line-height:var(--rg-leading-caption);color:var(--rg-text-secondary);padding:6px 12px}.studio-scope .cf-loading{z-index:3;color:var(--s-stage-ink)}.studio-scope .cf-loading .studio-progress{background:color-mix(in srgb, var(--s-stage-ink) 18%, transparent)}.studio-scope .cf-loading[data-over]{inset:auto 0 max(56px, calc(env(safe-area-inset-bottom) + 42px)) 0;flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.studio-scope .cf-loading[data-over] .studio-loading-frame{display:none}.studio-scope .cf-loading[data-over] .studio-progress{width:72px}.studio-scope .cf-loading-label{font-size:var(--rg-size-caption);line-height:var(--rg-leading-caption);font-weight:var(--rg-weight-medium)}.studio-scope .cf-loading[data-over]{transition:opacity var(--rg-dur-dialog-exit) var(--rg-ease-in)}.studio-scope .cf-loading[data-leaving]{opacity:0}.studio-scope .cf-loading[data-leaving]:not([data-over]){visibility:hidden}@keyframes cf-rise{0%{opacity:0;transform:translateY(8px)}}.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:first-child>*,.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:nth-child(n+2),.studio-scope .cf-builder[data-entering] .cf-panel-scroll>*,.studio-scope .cf-builder[data-entering] .cf-colour>*{animation:cf-rise .28s var(--rg-ease-rise) backwards}.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:first-child>:nth-child(2){animation-delay:35ms}.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:first-child>:nth-child(n+3){animation-delay:70ms}.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:nth-child(n+2){animation-delay:.19s}.studio-scope .cf-builder[data-entering] .cf-panel-scroll>:nth-child(3){animation-delay:.31s}.studio-scope .cf-builder[data-entering] .cf-colour>:first-child{animation-delay:70ms}.studio-scope .cf-builder[data-entering] .cf-colour>:nth-child(2){animation-delay:.19s}.studio-scope .cf-builder[data-entering] .cf-colour>:nth-child(n+3){animation-delay:.31s}@media (prefers-reduced-motion:reduce){.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:first-child>*,.studio-scope .cf-builder[data-entering] .cf-inspector--frame>:nth-child(n+2),.studio-scope .cf-builder[data-entering] .cf-panel-scroll>*,.studio-scope .cf-builder[data-entering] .cf-colour>*{animation:none}}.studio-scope .cf-frames{flex-direction:column;gap:4px;display:flex}.studio-scope .cf-frame{appearance:none;min-height:var(--s-tap);border-radius:var(--rg-radius-md);color:var(--rg-text-secondary);font:inherit;font-size:13px;line-height:16px;font-weight:var(--rg-weight-medium);text-align:left;cursor:pointer;transition:color var(--rg-dur-hover) var(--rg-ease-out), background-color var(--rg-dur-hover) var(--rg-ease-out), transform var(--rg-dur-press) var(--rg-ease-out);background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:12px;padding:6px 8px 6px 6px;display:grid}.studio-scope .cf-frame[aria-pressed=true]{color:var(--rg-text);background:var(--rg-fill)}.studio-scope .cf-frame:active{transform:scale(var(--rg-press-scale-card))}@media (hover:hover) and (pointer:fine){.studio-scope .cf-frame:hover{color:var(--rg-text);background:var(--rg-fill)}}.studio-scope .cf-frame-art{background:var(--s-stage);border-radius:6px;grid-row:1/3;place-items:center;width:64px;height:42px;display:grid}.studio-scope .cf-frame-silhouette{width:48px;height:auto;color:var(--s-stage-ink);opacity:.45}.studio-scope .cf-frame-art img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.studio-scope .cf-frame-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-scope .cf-frame-on{font-size:11px;line-height:14px;font-weight:var(--rg-weight-regular);color:var(--rg-accent-graphic)}.studio-scope .cf-saved{flex-wrap:wrap;gap:6px;display:flex}.studio-scope .cf-chip{appearance:none;width:100%;min-height:var(--rg-control-h);border-radius:var(--rg-radius-md);background:var(--rg-surface);box-shadow:inset 0 0 0 1px var(--rg-line-strong);color:var(--rg-text-secondary);font:inherit;font-size:var(--rg-size-caption);font-weight:var(--rg-weight-medium);cursor:pointer;transition:transform var(--rg-dur-press) var(--rg-ease-out);border:0;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.studio-scope .cf-chip:active{transform:scale(var(--rg-press-scale))}.studio-scope .cf-chip-dot{border-radius:50%;flex:none;width:22px;height:22px}.studio-scope .cf-chip-name{-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;line-height:15px;display:-webkit-box;overflow:hidden}.studio-scope .cf-saved-confirm{font-size:var(--rg-size-caption);color:var(--rg-text);flex-wrap:wrap;align-items:center;gap:6px;padding-left:4px;display:inline-flex}.studio-scope .cf-slots{flex-direction:column;gap:4px;display:flex}.studio-scope .cf-slot{appearance:none;border-radius:var(--rg-radius-md);min-height:40px;color:var(--rg-text-secondary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--rg-dur-hover) var(--rg-ease-out), box-shadow var(--rg-dur-hover) var(--rg-ease-out), color var(--rg-dur-hover) var(--rg-ease-out), transform var(--rg-dur-press) var(--rg-ease-out);background:0 0;border:0;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:5px 10px 5px 6px;display:grid}@media (hover:hover) and (pointer:fine){.studio-scope .cf-slot:hover{background:var(--rg-fill);color:var(--rg-text)}}.studio-scope .cf-slot:active{transform:scale(var(--rg-press-scale-card))}.studio-scope .cf-slot[aria-selected=true]{color:var(--rg-text);background:var(--rg-fill);box-shadow:inset 0 0 0 1.5px var(--rg-text)}.studio-scope .cf-slot i{width:26px;height:26px;transition:background-color var(--rg-dur-swap) var(--rg-ease-swap);border-radius:7px;display:block;box-shadow:inset 0 0 0 1px #ffffff24}.studio-scope .cf-slot b{font-size:14px;font-weight:var(--rg-weight-medium)}.studio-scope .cf-slot small{color:var(--rg-text-muted);font-variant-numeric:tabular-nums;font-size:13px}.studio-scope .cf-builder .cf-slot-lock{width:14px;height:14px;color:var(--rg-text-muted)}.studio-scope .cf-colour{flex-direction:column;gap:10px;display:flex}.studio-scope .cf-wheel{flex-direction:column;align-items:center;gap:12px;display:flex}.studio-scope .cf-wheel-ring{touch-action:none;cursor:crosshair;flex:none;position:relative}.studio-scope .cf-wheel-ring>canvas{border-radius:50%;display:block}.studio-scope .cf-wheel-square{border-radius:var(--rg-radius-sm);box-shadow:0 0 0 1px var(--rg-line-strong);touch-action:none;cursor:crosshair;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.studio-scope .cf-wheel-square canvas{image-rendering:auto;display:block}.studio-scope .cf-wheel-thumb{pointer-events:none;border:3px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00141e99,0 2px 8px #0006}.studio-scope .cf-wheel-thumb--sq{border-width:2px;width:20px;height:20px}.studio-scope .cf-quick{flex-wrap:wrap;justify-content:center;gap:6px;max-width:220px;display:flex}.studio-scope .cf-quick-swatch{cursor:pointer;width:24px;height:24px;transition:box-shadow var(--rg-dur-hover) var(--rg-ease-out), transform var(--rg-dur-press) var(--rg-ease-out);border:0;border-radius:50%;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff24}.studio-scope .cf-quick-swatch:after{content:"";border-radius:50%;position:absolute;inset:-8px}.studio-scope .cf-quick-swatch:active{transform:scale(var(--rg-press-scale))}.studio-scope .cf-quick-swatch[aria-selected=true]{box-shadow:0 0 0 2px var(--rg-surface), 0 0 0 4px var(--rg-text)}.studio-scope .cf-quick-swatch[aria-disabled=true]{opacity:.35;cursor:default}.studio-scope .cf-sliders{flex-direction:column;gap:4px;display:flex}.studio-scope .cf-slider{flex-direction:column;gap:0;display:flex}.studio-scope .cf-slider input[type=range]{appearance:none;touch-action:pan-y;cursor:grab;background:0 0;width:100%;height:26px;margin:0}.studio-scope .cf-slider input[type=range]:active{cursor:grabbing}.studio-scope .cf-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--rg-text) 0 var(--p,0%), var(--rg-fill-strong) var(--p,0%) 100%);border-radius:2px;height:4px}.studio-scope .cf-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--rg-text);border:3px solid var(--rg-surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--rg-line-strong);transition:box-shadow var(--rg-dur-hover) var(--rg-ease-out);border-radius:50%;margin-top:-7px}.studio-scope .cf-slider input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--rg-line-strong), 0 0 0 4px color-mix(in srgb, var(--rg-text) 12%, transparent)}.studio-scope .cf-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--rg-line-strong), 0 0 0 4px color-mix(in srgb, var(--rg-text) 12%, transparent)}.studio-scope .cf-slider input[type=range]::-moz-range-track{background:var(--rg-fill-strong);border-radius:2px;height:4px}.studio-scope .cf-slider input[type=range]::-moz-range-progress{background:var(--rg-text);border-radius:2px;height:4px}.studio-scope .cf-slider input[type=range]::-moz-range-thumb{background:var(--rg-text);border:3px solid var(--rg-surface);width:14px;height:14px;box-shadow:0 0 0 1px var(--rg-line-strong);transition:box-shadow var(--rg-dur-hover) var(--rg-ease-out);border-radius:50%}.studio-scope .cf-slider input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 1px var(--rg-line-strong), 0 0 0 4px color-mix(in srgb, var(--rg-text) 12%, transparent)}.studio-scope .cf-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--rg-line-strong), 0 0 0 4px color-mix(in srgb, var(--rg-text) 12%, transparent)}.studio-scope .cf-hint{font-size:var(--rg-size-caption);line-height:var(--rg-leading-caption);color:var(--rg-text-muted);margin:2px 0 0}.studio-scope .cf-hint[role=alert]{color:var(--rg-red-text)}.studio-scope .cf-panel-foot{padding:12px 20px;padding-bottom:max(12px, env(safe-area-inset-bottom));box-shadow:inset 0 1px 0 var(--rg-line);gap:8px;display:flex}.studio-scope .cf-panel-foot>.cf-shuffle{flex:none}.studio-scope .cf-panel-foot>.cf-save{flex:1}.studio-scope .cf-sheet-text{color:var(--rg-text-secondary);margin:0}.studio-scope .cf-sheet-foot{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.studio-scope .cf-sheet-foot-end{gap:8px;display:inline-flex}.studio-scope .cf-sheet-error{font-size:var(--rg-size-caption);color:var(--rg-red-text);margin:8px 0 0}.studio-scope .cf-name-input{height:44px;font-size:16px}.studio-scope .cf-saved-card{align-items:center;gap:14px;display:flex}.studio-scope .cf-saved-check{width:40px;height:40px;color:var(--rg-accent);flex:none}.studio-scope .cf-saved-name{font-family:var(--rg-font-title);font-size:17px;line-height:22px;font-weight:var(--rg-weight-semibold);text-wrap:balance;margin:0 0 2px}.studio-scope .cf-save{justify-items:center;gap:12px;display:grid}.studio-scope .cf-qr{border-radius:var(--rg-radius-md);background:var(--s-qr-paper);place-items:center;width:256px;height:256px;padding:8px;display:grid}.studio-scope .cf-qr img{width:240px;height:240px;display:block}.studio-scope .cf-link{overflow-wrap:anywhere;max-width:100%;font-size:var(--rg-size-caption);font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:text;user-select:text;margin:0}.studio-scope .cf-link a{color:var(--rg-blue-text);text-underline-offset:2px;text-decoration:none}.studio-scope .cf-link a:hover{text-decoration:underline}.studio-scope [data-builder-theme=light][data-look],.studio-scope [data-builder-theme=light] [data-look=chromaflow]{--b-bg:#f3f4f3;--b-panel:#fff;--b-line:#e3e5e4;--b-ink:#00141e;--b-muted:#5f6b70;--b-soft:#eef0ef;--b-on:#00141e;--b-on-ink:#fff;--b-ring:#00141e;--b-live:#00a86b;--rg-bg:#f3f4f3;--rg-surface:#fff;--rg-surface-raised:#fff;--rg-fill:#eef0ef;--rg-fill-strong:#e3e5e4;--rg-line:#e3e5e4;--rg-line-strong:#d4d8d7;--rg-header-fill:#fff;--rg-text:#00141e;--rg-text-secondary:#26393f;--rg-text-muted:#5f6b70;--rg-primary:#00141e;--rg-primary-hover:#0d2a36;--rg-primary-fg:#fff;--rg-focus:#00141e;--rg-shadow-btn-secondary:inset 0 0 0 1px #e3e5e4}.studio-scope [data-builder-theme=dark][data-look],.studio-scope [data-builder-theme=dark] [data-look=chromaflow]{--b-bg:#00141e;--b-panel:#082430;--b-line:#16343f;--b-ink:#ebebeb;--b-muted:#8fa3ab;--b-soft:#0f2e3a;--b-on:#ebebeb;--b-on-ink:#00141e;--b-ring:#ebebeb;--b-live:#00dc8c;--rg-bg:#00141e;--rg-surface:#082430;--rg-surface-raised:#0f2e3a;--rg-fill:#0f2e3a;--rg-fill-strong:#16343f;--rg-line:#16343f;--rg-line-strong:#23495a;--rg-header-fill:#00141e;--rg-text:#ebebeb;--rg-text-secondary:#c9d3d6;--rg-text-muted:#8fa3ab;--rg-primary:#00dc8c;--rg-primary-hover:#2ee6a3;--rg-primary-fg:#00141e;--rg-focus:#ebebeb;--rg-shadow-btn-secondary:inset 0 0 0 1px #16343f}.studio-scope [data-builder-shell]{background:var(--b-bg);height:100dvh;min-height:0;overflow:hidden}.studio-scope [data-builder-shell]>[data-look]{height:100%;min-height:0}.studio-scope [data-builder-shell]>[data-look]>:last-child{min-height:0}.studio-scope [data-builder-shell] .cf-builder{flex:1;height:auto;min-height:0}.studio-scope .cf-builder{background:var(--b-bg);color:var(--b-ink);grid-template-rows:minmax(0,1fr);font-size:14px;line-height:20px}.studio-scope .cf-builder>.cf-top{display:none}.studio-scope .cf-body{background:var(--b-bg);grid-template-columns:232px minmax(0,1fr) 372px;gap:20px;padding:20px 24px 24px}.studio-scope .cf-inspector--frame.cf-side{box-shadow:none;background:0 0;gap:0;padding:0}.studio-scope .cf-side-head{justify-items:start;display:grid}.studio-scope .cf-crumb{color:var(--b-muted);font-size:13px;line-height:16px;font-weight:var(--rg-weight-medium);transition:color var(--rg-dur-hover) var(--rg-ease-out);border-radius:6px;align-items:center;gap:4px;margin:0 0 14px;padding:0;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.studio-scope .cf-crumb:hover{color:var(--b-ink)}}.studio-scope .cf-name{max-width:100%;font-family:var(--rg-font-title);font-size:24px;line-height:30px;font-weight:var(--rg-weight-semibold);letter-spacing:-.01em;color:var(--b-ink);overflow-wrap:anywhere;margin:0;display:block}.studio-scope .cf-name-tail{white-space:nowrap}.studio-scope .cf-name-pencil{vertical-align:-2px;width:24px;height:24px;color:var(--b-muted);transition:color var(--rg-dur-hover) var(--rg-ease-out), background-color var(--rg-dur-hover) var(--rg-ease-out);background:0 0;border:0;border-radius:6px;place-items:center;margin-left:6px;padding:0;display:inline-grid}.studio-scope .cf-builder .cf-name-pencil [data-icon]{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.studio-scope .cf-name-pencil:hover{color:var(--b-ink);background:var(--b-soft)}}.studio-scope .cf-name-edit{background:var(--b-panel);width:calc(100% + 8px);height:34px;box-shadow:inset 0 0 0 1.5px var(--b-ring);color:var(--b-ink);font-family:var(--rg-font-title);font-size:24px;line-height:30px;font-weight:var(--rg-weight-semibold);letter-spacing:-.01em;border:0;border-radius:8px;outline:none;margin:-2px -4px;padding:0 4px}.studio-scope .cf-meta{color:var(--b-muted);margin:4px 0 20px;font-size:13px;line-height:18px}.studio-scope .cf-styles{gap:8px}.studio-scope .cf-styles>.cf-label,.studio-scope .cf-group-label{font-size:13px;line-height:18px;font-weight:var(--rg-weight-semibold);letter-spacing:0;text-transform:none;color:var(--b-ink);margin:0}.studio-scope .cf-side .cf-frames{gap:4px}.studio-scope .cf-side .cf-frame{min-height:58px;color:var(--b-ink);border-radius:12px;grid-template-columns:64px minmax(0,1fr);column-gap:12px;padding:8px;font-size:14px;line-height:18px}.studio-scope .cf-side .cf-frame[aria-pressed=true]{background:var(--b-panel);box-shadow:0 0 0 1px var(--b-line)}@media (hover:hover) and (pointer:fine){.studio-scope .cf-side .cf-frame:hover{background:var(--b-panel);color:var(--b-ink)}}.studio-scope .cf-side .cf-frame-art{border-radius:8px;overflow:hidden}.studio-scope .cf-side .cf-frame-art img{object-fit:contain;border-radius:0;padding:3px 4px}.studio-scope .cf-side .cf-frame:not([aria-pressed=true]) .cf-frame-art img{filter:grayscale()brightness(1.05)}.studio-scope .cf-side .cf-frame-on{color:var(--b-live);font-size:12px;line-height:16px}.studio-scope .cf-builder .cf-stage{border-radius:16px}.studio-scope .cf-stage-tools{z-index:3;gap:6px;display:flex;position:absolute;top:14px;left:14px}.studio-scope .cf-round{color:#00141e;width:36px;height:36px;transition:background-color var(--rg-dur-hover) var(--rg-ease-out), transform var(--rg-dur-press) var(--rg-ease-out);background:#ffffffe6;border:0;border-radius:999px;place-items:center;padding:0;display:grid;box-shadow:0 1px 2px #00141e1f}.studio-scope .cf-builder .cf-round [data-icon]{width:17px;height:17px}.studio-scope .cf-round:active:not(:disabled){transform:scale(var(--rg-press-scale))}.studio-scope .cf-round:disabled{color:#8a9599}@media (hover:hover) and (pointer:fine){.studio-scope .cf-round:hover:not(:disabled){background:#fff}}.studio-scope .cf-builder .cf-stage-bottom{bottom:18px}.studio-scope .cf-builder .cf-viewbar{--rg-text:#ebebeb;--rg-text-secondary:#ebebeb;--rg-text-muted:#ebebeb;--rg-surface:#00141e;--rg-fill:#1e3a46;--rg-surface-raised:#1e3a46;--rg-line:transparent;--rg-line-strong:#ebebeb2e;--rg-focus:#ebebeb;color:#ebebeb;box-shadow:none;-webkit-backdrop-filter:none;background:#00141e;gap:2px;padding:5px}.studio-scope .cf-builder .cf-viewbar .cf-segmented{background:0 0;padding:0}.studio-scope .cf-builder .cf-viewbar .cf-segmented button{color:#ebebeb;min-width:40px;height:34px;padding:0 13px}.studio-scope .cf-builder .cf-viewbar .cf-segmented button[aria-checked=true]{box-shadow:none;background:#1e3a46}.studio-scope .cf-builder .cf-viewbar [data-icon]{width:15px;height:15px}.studio-scope .cf-drag-hint{z-index:3;color:#3a4a50;pointer-events:none;margin:0;font-size:12px;line-height:16px;position:absolute;bottom:26px;right:16px}.studio-scope .cf-inspector--colour.cf-panel{background:var(--b-panel);box-shadow:0 0 0 1px var(--b-line);border-radius:16px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.studio-scope .cf-tabs{background:var(--b-soft);border-radius:999px;margin:14px 14px 4px;padding:4px;display:flex;position:relative}.studio-scope .cf-tabs-thumb{width:calc((100% - 8px) / var(--tab-n,3));background:var(--b-on);transform:translateX(calc(100% * var(--tab-at,0)));border-radius:999px;transition:transform .42s cubic-bezier(.32,.72,0,1);position:absolute;top:4px;bottom:4px;left:4px}.studio-scope .cf-tabs button{z-index:1;position:relative}.studio-scope .cf-panel-scroll[data-dir=next]{animation:.36s cubic-bezier(.32,.72,0,1) cf-tab-in-next}.studio-scope .cf-panel-scroll[data-dir=prev]{animation:.36s cubic-bezier(.32,.72,0,1) cf-tab-in-prev}@keyframes cf-tab-in-next{0%{opacity:0;filter:blur(2px);transform:translate(18px)}}@keyframes cf-tab-in-prev{0%{opacity:0;filter:blur(2px);transform:translate(-18px)}}@media (prefers-reduced-motion:reduce){.studio-scope .cf-tabs-thumb{transition:none}.studio-scope .cf-panel-scroll[data-dir]{animation:none}}.studio-scope .cf-tabs button,.studio-scope .cf-seg button{appearance:none;color:var(--b-muted);font:inherit;font-weight:var(--rg-weight-medium);white-space:nowrap;transition:background-color var(--rg-dur-hover) var(--rg-ease-out), color var(--rg-dur-hover) var(--rg-ease-out);background:0 0;border:0;border-radius:999px}.studio-scope .cf-tabs button{flex:1;height:34px;font-size:14px}.studio-scope .cf-tabs button[aria-selected=true]{color:var(--b-on-ink)}.studio-scope .cf-seg button[aria-checked=true]{background:var(--b-on);color:var(--b-on-ink)}@media (hover:hover) and (pointer:fine){.studio-scope .cf-tabs button:not([aria-selected=true]):hover,.studio-scope .cf-seg button:not([aria-checked=true]):hover{color:var(--b-ink)}}.studio-scope .cf-seg{background:var(--b-soft);border-radius:999px;padding:3px;display:inline-flex}.studio-scope .cf-seg button{height:28px;padding:0 14px;font-size:13px}.studio-scope .cf-panel .cf-panel-body:after{background:linear-gradient(to bottom, transparent, var(--b-panel))}.studio-scope .cf-panel .cf-panel-scroll{gap:0;padding:0}.studio-scope .cf-group{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 18px;display:grid}.studio-scope .cf-panel-scroll>*+*{box-shadow:inset 0 1px 0 var(--b-line)}.studio-scope .cf-group-head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.studio-scope .cf-group-note{color:var(--b-muted);font-size:12px;line-height:16px}.studio-scope .cf-panel .cf-slots{gap:8px}.studio-scope .cf-panel .cf-slot{height:34px;min-height:34px;color:var(--b-ink);border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto 40px;gap:10px;padding:0 10px}.studio-scope .cf-panel .cf-slot[aria-selected=true]{box-shadow:inset 0 0 0 1.5px var(--b-ring);background:0 0}@media (hover:hover) and (pointer:fine){.studio-scope .cf-panel .cf-slot:not([aria-selected=true]):hover{background:var(--b-soft);color:var(--b-ink)}}.studio-scope .cf-panel .cf-slot i{border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00141e29}.studio-scope .cf-panel .cf-slot b{min-width:0;font-size:14px;font-weight:var(--rg-weight-regular);align-items:center;gap:6px;display:flex}.studio-scope .cf-panel .cf-slot small{color:var(--b-muted);font-variant-numeric:tabular-nums;font-size:12px}.studio-scope .cf-panel .cf-slot em{font-style:normal;font-weight:var(--rg-weight-semibold);text-align:right;font-variant-numeric:tabular-nums}.studio-scope .cf-builder .cf-panel .cf-slot-lock{width:12px;height:12px}.studio-scope .cf-pick{background:var(--b-soft);grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 18px;display:grid}.studio-scope .cf-pick-top{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px;display:grid}.studio-scope .cf-pick .cf-wheel{gap:0}.studio-scope .cf-pick .cf-wheel-square{box-shadow:none;border-radius:10px}.studio-scope .cf-pick .cf-wheel-thumb{border-width:3px;width:20px;height:20px;box-shadow:0 1px 4px #0006}.studio-scope .cf-pick .cf-wheel-thumb--sq{border-width:2.5px;width:16px;height:16px}.studio-scope .cf-current{gap:10px;min-width:0;display:grid}.studio-scope .cf-current>i{width:56px;height:56px;transition:background-color var(--rg-dur-swap) var(--rg-ease-swap);border-radius:14px;display:block;box-shadow:inset 0 0 0 1px #00141e29}.studio-scope .cf-current span{color:var(--b-muted);font-size:12px;line-height:16px;display:block}.studio-scope .cf-current b{font-size:15px;line-height:20px;font-weight:var(--rg-weight-semibold);margin:2px 0;display:block}.studio-scope .cf-current em{color:var(--b-muted);font-variant-numeric:tabular-nums;font-size:12px;font-style:normal;line-height:16px;display:block}.studio-scope .cf-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio-scope .cf-field{background:var(--b-panel);height:36px;box-shadow:inset 0 0 0 1px var(--b-line);color:var(--b-muted);cursor:text;transition:box-shadow var(--rg-dur-hover) var(--rg-ease-out);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.studio-scope .cf-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--b-ring)}.studio-scope .cf-field[data-invalid]{box-shadow:inset 0 0 0 1.5px var(--rg-red-text)}.studio-scope .cf-field em{font-style:normal}.studio-scope .cf-builder .cf-field-icon{width:14px;height:14px}.studio-scope .cf-field input{width:100%;min-width:0;height:100%;color:var(--b-ink);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14px}.studio-scope .cf-field input::placeholder{color:var(--b-muted)}.studio-scope .cf-field input::-webkit-calendar-picker-indicator{display:none!important}.studio-scope .cf-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-scope .cf-pick .cf-hint{margin:-4px 0 0}.studio-scope .cf-builder .cf-sliders{gap:4px}.studio-scope .cf-builder .cf-slider{grid-template-columns:96px minmax(0,1fr) 36px;align-items:center;gap:10px;font-size:13px;line-height:18px;display:grid}.studio-scope .cf-slider label{color:var(--b-ink)}.studio-scope .cf-slider>span{text-align:right;font-variant-numeric:tabular-nums;color:var(--b-ink)}.studio-scope .cf-builder .cf-slider input[type=range]{height:24px}.studio-scope .cf-builder .cf-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--b-ink) 0 var(--p,0%), var(--b-line) var(--p,0%) 100%)}.studio-scope .cf-builder .cf-slider input[type=range]::-webkit-slider-thumb{background:var(--b-panel);width:16px;height:16px;box-shadow:0 0 0 1.5px var(--b-ink), 0 1px 3px #0003;border:0;margin-top:-6px}.studio-scope .cf-builder .cf-slider input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 1.5px var(--b-ink), 0 0 0 5px color-mix(in srgb, var(--b-ink) 12%, transparent)}.studio-scope .cf-builder .cf-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1.5px var(--b-ink), 0 0 0 5px color-mix(in srgb, var(--b-ink) 12%, transparent)}.studio-scope .cf-builder .cf-slider input[type=range]::-moz-range-track{background:var(--b-line)}.studio-scope .cf-builder .cf-slider input[type=range]::-moz-range-progress{background:var(--b-ink)}.studio-scope .cf-builder .cf-slider input[type=range]::-moz-range-thumb{background:var(--b-panel);width:16px;height:16px;box-shadow:0 0 0 1.5px var(--b-ink), 0 1px 3px #0003;border:0}.studio-scope .cf-strip{margin:0 -20px;position:relative}.studio-scope .cf-strip:before,.studio-scope .cf-strip:after{content:"";z-index:1;pointer-events:none;opacity:0;width:28px;transition:opacity var(--rg-dur-hover) var(--rg-ease-out);position:absolute;top:0;bottom:0}.studio-scope .cf-strip:before{background:linear-gradient(to right, var(--b-panel), transparent);left:0}.studio-scope .cf-strip:after{background:linear-gradient(to left, var(--b-panel), transparent);right:0}.studio-scope .cf-strip[data-start]:before,.studio-scope .cf-strip[data-end]:after{opacity:1}.studio-scope .cf-combos{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;grid-auto-columns:62px;grid-auto-flow:column;gap:4px;padding:0 20px;display:grid;overflow-x:auto}.studio-scope .cf-combos::-webkit-scrollbar{display:none}.studio-scope .cf-combos[data-dragging]{cursor:grabbing;scroll-snap-type:none}.studio-scope .cf-combos[data-dragging] .cf-combo{pointer-events:none}.studio-scope .cf-combos .cf-combo{scroll-snap-align:start;gap:4px}.studio-scope .cf-combos .cf-combo i{width:32px;height:32px}.studio-scope .cf-combos .cf-combo span{text-overflow:ellipsis;white-space:nowrap;max-width:62px;overflow:hidden}.studio-scope .cf-combo,.studio-scope .cf-dot{appearance:none;min-width:0;color:var(--b-muted);font:inherit;cursor:pointer;transition:color var(--rg-dur-hover) var(--rg-ease-out), transform var(--rg-dur-press) var(--rg-ease-out);background:0 0;border:0;align-content:start;justify-items:center;gap:6px;padding:2px 0;font-size:12px;line-height:16px;display:grid}.studio-scope .cf-combo:active,.studio-scope .cf-dot:active{transform:scale(var(--rg-press-scale-card))}.studio-scope .cf-combo i,.studio-scope .cf-dot i{width:34px;height:34px;transition:box-shadow var(--rg-dur-hover) var(--rg-ease-out);border-radius:999px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.studio-scope .cf-dot i{width:40px;height:40px}.studio-scope .cf-combo[aria-checked=true],.studio-scope .cf-dot[aria-checked=true]{color:var(--b-ink);font-weight:var(--rg-weight-medium)}.studio-scope .cf-combo[aria-checked=true] i,.studio-scope .cf-dot[aria-checked=true] i{box-shadow:0 0 0 2px var(--b-panel), 0 0 0 3.5px var(--b-ring)}@media (hover:hover) and (pointer:fine){.studio-scope .cf-combo:hover,.studio-scope .cf-dot:hover{color:var(--b-ink)}}.studio-scope .cf-combo span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.studio-scope .cf-dots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.studio-scope .cf-dot em{font-size:10px;font-style:normal;line-height:12px;font-weight:var(--rg-weight-regular);color:var(--b-muted);margin-top:-6px}.studio-scope .cf-opts{gap:8px;display:grid}.studio-scope .cf-opt{appearance:none;height:44px;box-shadow:inset 0 0 0 1px var(--b-line);color:var(--b-ink);font:inherit;text-align:left;cursor:pointer;transition:box-shadow var(--rg-dur-hover) var(--rg-ease-out), background-color var(--rg-dur-hover) var(--rg-ease-out);background:0 0;border:0;border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:grid}.studio-scope .cf-opt[aria-checked=true]{box-shadow:inset 0 0 0 1.5px var(--b-ring)}@media (hover:hover) and (pointer:fine){.studio-scope .cf-opt:not([aria-checked=true]):hover{background:var(--b-soft)}}.studio-scope .cf-opt i{border-radius:6px;width:20px;height:20px}.studio-scope .cf-opt em{color:var(--b-muted);font-size:12px;font-style:normal}.studio-scope .cf-opt--tall{grid-template-columns:minmax(0,1fr);height:58px}.studio-scope .cf-opt--tall b{font-weight:var(--rg-weight-medium);display:block}.studio-scope .cf-opt--tall em{display:block}.studio-scope .cf-note{border:1px dashed var(--b-line);color:var(--b-muted);border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:17px}.studio-scope .cf-builder .cf-panel-foot{box-shadow:inset 0 1px 0 var(--b-line);gap:12px;padding:14px 18px 16px;display:grid}.studio-scope .cf-summary{white-space:nowrap;text-overflow:ellipsis;color:var(--b-muted);margin:0;font-size:12px;line-height:16px;overflow:hidden}.studio-scope .cf-actions{--rg-control-h:44px;grid-template-columns:auto minmax(0,1fr);gap:8px;display:grid}.studio-scope .cf-actions>button{font-size:15px}.studio-scope .cf-actions>.cf-shuffle{gap:8px;padding:0 18px}.studio-scope .cf-builder .cf-actions [data-icon]{width:16px;height:16px}.studio-scope .cf-theme{z-index:5;background:var(--b-panel);width:36px;height:36px;color:var(--b-ink);box-shadow:0 0 0 1px var(--b-line);transition:background-color var(--rg-dur-hover) var(--rg-ease-out), transform var(--rg-dur-press) var(--rg-ease-out);border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;bottom:24px;left:24px}.studio-scope .cf-builder .cf-theme [data-icon]{width:16px;height:16px}.studio-scope .cf-theme:active{transform:scale(var(--rg-press-scale))}@media (hover:hover) and (pointer:fine){.studio-scope .cf-theme:hover{background:var(--b-soft)}}@media (max-width:640px){.studio-scope .cf-doc{display:none}}@media (max-width:1023px),(max-aspect-ratio:1){.studio-scope .cf-builder{grid-template-rows:52px minmax(0,1fr) auto}.studio-scope [data-builder-shell]>[data-look]>header{display:none}.studio-scope [data-builder-shell]>[data-look]>:last-child{padding-bottom:0}.studio-scope .cf-builder .cf-panel-foot{display:none}.studio-scope .cf-builder>.cf-top{display:grid}.studio-scope .cf-body{gap:0;padding:0}.studio-scope .cf-builder .cf-stage{border-radius:0}.studio-scope .cf-stage-tools,.studio-scope .cf-drag-hint{display:none}.studio-scope .cf-inspector--colour.cf-panel{box-shadow:inset 0 1px 0 var(--b-line);border-radius:0}.studio-scope .cf-inspector--frame.cf-side{background:var(--b-bg);padding:16px}.studio-scope .cf-theme{top:calc(52px + 12px + env(safe-area-inset-top));bottom:auto;left:12px}.studio-scope .cf-body{grid-template-rows:min(42vh,280px) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.studio-scope .cf-stage{order:-1}.studio-scope .cf-inspector--frame,.studio-scope .cf-inspector--colour{box-shadow:inset 0 1px 0 var(--rg-line)}.studio-scope .cf-builder[data-panel=colour] .cf-inspector--frame,.studio-scope .cf-builder[data-panel=frame] .cf-inspector--colour{display:none}@media (prefers-reduced-motion:no-preference){.studio-scope .cf-builder[data-panel-switched][data-panel=frame] .cf-inspector--frame>*,.studio-scope .cf-builder[data-panel-switched][data-panel=colour] .cf-panel-scroll{animation:cf-rise .28s var(--rg-ease-rise) 40ms backwards}}.studio-scope .cf-foot-narrow{padding:8px 12px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--rg-surface);box-shadow:inset 0 1px 0 var(--rg-line);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.studio-scope .cf-foot-narrow .cf-segmented button{height:calc(var(--rg-control-h) - 6px);padding:0 14px}.studio-scope .cf-panel-foot,.studio-scope .cf-doc span,.studio-scope .cf-top .cf-engine{display:none}.studio-scope .cf-panel-scroll{padding-bottom:32px}.studio-scope .cf-stage-bottom{bottom:10px}.studio-scope .cf-top{grid-template-columns:minmax(0,1fr) auto auto}.studio-scope .cf-top-center{order:2}.studio-scope .cf-top-right{order:3}.studio-scope .cf-frames{flex-flow:wrap}.studio-scope .cf-frame{flex:140px}}.studio-scope .studio-lab{grid-template-columns:minmax(0,1fr) 360px;height:100dvh;display:grid}@media (max-width:900px){.studio-scope .studio-lab{grid-template-rows:minmax(0,55vh) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}}.studio-scope .studio-lab-panel{padding:var(--s-gap-2);padding-bottom:max(var(--s-gap-2), env(safe-area-inset-bottom));background:var(--s-panel);border-left:1px solid var(--s-line);gap:var(--s-gap-2);-webkit-user-select:text;user-select:text;flex-direction:column;display:flex;overflow-y:auto}.studio-scope .studio-lab-panel h1{font-family:var(--s-display);margin:0;font-size:20px;font-weight:500}.studio-scope .studio-lab-eyebrow{margin:0 0 var(--s-gap);color:var(--s-blue);font-family:var(--s-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--s-fs-label);letter-spacing:var(--s-ls-label);text-transform:uppercase}.studio-scope .studio-lab-banner{padding:var(--s-gap) var(--s-gap-2);border-radius:var(--s-radius);border:1px solid var(--s-line);font-family:var(--s-mono);font-variant-numeric:tabular-nums;color:var(--s-text);background:var(--s-panel-2);font-size:13px;font-weight:500;line-height:1.4}.studio-scope .studio-lab-banner[data-tone=fail]{border-color:var(--s-red);color:var(--s-text)}.studio-scope .studio-lab-banner[data-tone=ok]{border-color:var(--s-green)}.studio-scope .studio-lab-chips{gap:var(--s-gap);flex-wrap:wrap;display:flex}.studio-scope .studio-lab-chips .studio-finish{padding:0 var(--s-gap-2);font-size:14px}.studio-scope .studio-lab-chips .studio-finish[data-candidate=true]{color:var(--s-muted);border-style:dashed}.studio-scope .studio-lab-row{align-items:center;gap:var(--s-gap);grid-template-columns:96px minmax(0,1fr) 64px;min-height:32px;font-size:14px;display:grid}.studio-scope .studio-lab-row label{color:var(--s-muted);font-family:var(--s-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.studio-scope .studio-lab-row output{font-family:var(--s-mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--s-text);font-size:12px;font-weight:500}.studio-scope .studio-lab-panel input[type=range]{width:100%;accent-color:var(--s-green);min-height:28px}.studio-scope .studio-lab-panel input[type=color]{border:1px solid var(--s-line);background:0 0;border-radius:6px;width:44px;height:32px;padding:0}.studio-scope .studio-lab-panel input[type=number],.studio-scope .studio-lab-panel select{min-height:32px;padding:0 var(--s-gap);background:var(--s-panel-2);color:var(--s-text);border:1px solid var(--s-line);font-family:var(--s-mono);font-variant-numeric:tabular-nums;border-radius:6px;font-size:13px;font-weight:500}.studio-scope .studio-lab-slot{align-items:center;gap:var(--s-gap);grid-template-columns:44px minmax(0,1fr) 56px;display:grid}.studio-scope .studio-lab-slot span{font-family:var(--s-mono);font-variant-numeric:tabular-nums;color:var(--s-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.studio-scope .studio-lab-review{border-radius:var(--s-radius);border:1px solid var(--s-line);width:100%;display:block}.studio-scope .studio-lab-errors{color:var(--s-text);font-family:var(--s-mono);font-variant-numeric:tabular-nums;margin:0;padding-left:18px;font-size:12px;font-weight:500}.studio-scope .studio-lab-canvas{touch-action:none;background:var(--s-bg);min-height:0;position:relative}.studio-scope .studio-eyebrow{color:var(--s-blue);font-family:var(--s-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--s-fs-label);letter-spacing:var(--s-ls-label);text-transform:uppercase;margin:0}.studio-scope .studio-mono{font-family:var(--s-mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;font-weight:500}.studio-scope .studio-muted{color:var(--s-muted)}.studio-scope .studio-hint{color:var(--s-muted);margin:0;font-size:14px}.studio-scope .studio-share{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font);font-size:var(--rg-size-body);line-height:var(--rg-leading-body);-webkit-user-select:text;user-select:text;flex-direction:column;gap:16px;display:flex}.studio-scope .studio-share-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.studio-scope .studio-share-kicker{font-size:13px;font-weight:var(--rg-weight-medium);color:var(--rg-text-muted)}.studio-scope .studio-share-stage{aspect-ratio:4/3;border-radius:var(--rg-radius-lg);background:var(--s-stage);max-height:58vh;position:relative;overflow:hidden}.studio-scope .studio-share-stage .studio-loading{color:var(--s-stage-ink)}.studio-scope .studio-share-loading{font-size:var(--rg-size-caption);font-weight:var(--rg-weight-medium)}.studio-scope .studio-share-hint{font-size:var(--rg-size-caption);color:var(--s-stage-ink);opacity:.7;pointer-events:none;position:absolute;bottom:10px;right:12px}.studio-scope .studio-share-card{border-radius:var(--rg-radius-lg);background:var(--rg-surface);box-shadow:var(--rg-shadow-card);flex-direction:column;gap:4px;padding:18px 18px 16px;display:flex}.studio-scope .studio-share-title{font-family:var(--rg-font-title);font-weight:var(--rg-weight-semibold);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:24px;line-height:30px}.studio-scope .studio-share-sub{color:var(--rg-text-muted);margin:0;font-size:13px;line-height:18px}.studio-scope .studio-share-colours{grid-template-columns:minmax(0,1fr);gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.studio-scope .studio-share-colours li{border-radius:var(--rg-radius-md);background:var(--rg-fill);align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.studio-scope .studio-share-colours i{border-radius:8px;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff24}.studio-scope .studio-share-colours span{min-width:0;font-size:13px;line-height:16px;display:grid}.studio-scope .studio-share-colours b{font-weight:var(--rg-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-scope .studio-share-colours small{color:var(--rg-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.studio-scope .studio-share-hero img{border-radius:var(--rg-radius-lg);width:100%;height:auto;display:block}.studio-scope .studio-share-foot{font-size:var(--rg-size-caption);line-height:var(--rg-leading-caption);color:var(--rg-text-muted);flex-direction:column;gap:4px;margin-top:auto;padding-top:8px;display:flex}.studio-scope .studio-share-foot p{margin:0}.studio-scope .studio-share-foot a{color:var(--rg-text-secondary);text-underline-offset:2px;text-decoration:underline}.studio-scope .studio-share-missing{text-align:center;justify-content:center;align-items:center;gap:10px}@media (min-width:720px){.studio-scope .studio-share{width:100%;max-width:720px;margin-inline:auto;padding-top:24px}}