.studio{--st-bg:oklch(22% .035 255);--st-bg-2:oklch(27% .04 252);--st-edge:oklch(36% .04 250);--st-line:oklch(62% .06 240);--st-text:oklch(96% .01 250);--st-dim:oklch(80% .02 250);--st-paper:oklch(97.5% .008 80);--st-paper-ink:oklch(24% .03 255);--st-paper-line:oklch(86% .015 80);--st-orange:var(--action-orange,#fd6f48);--st-err:oklch(72% .17 25);--st-rail:4rem;font-family:var(--font-sans);color:var(--st-text)}.studio-shell,.studio-signin{isolation:isolate;background:radial-gradient(120% 80% at 10% 0%, var(--st-bg-2), var(--st-bg) 60%);min-height:100dvh;position:relative}.st-ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.st-ambient svg{width:100%;height:100%}.st-path{fill:none;stroke:var(--st-line);stroke-opacity:.22;stroke-width:1.2px;stroke-dasharray:2 10;animation:40s linear infinite st-drift}.st-path-2{stroke-opacity:.14;animation-duration:60s;animation-direction:reverse}.st-trace{fill:none;stroke:var(--st-orange);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:9 91;opacity:.75;animation:14s cubic-bezier(.45,0,.25,1) infinite st-trace}.st-glow{background:radial-gradient(circle, color-mix(in oklab, var(--st-orange) 18%, transparent), transparent 65%);border-radius:50%;width:60vmax;height:60vmax;animation:18s ease-in-out infinite alternate st-breathe;position:absolute;bottom:-30vmax;right:-20vmax}@keyframes st-drift{to{stroke-dashoffset:-240px}}@keyframes st-trace{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes st-breathe{0%{opacity:.55;transform:translate(0)}to{opacity:1;transform:translate(-4vmax,-3vmax)}}@media (prefers-reduced-motion:reduce){.studio *,.studio :before{transition:none!important;animation:none!important}}.st-kicker{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--st-dim);font-size:.8rem;font-weight:600}.st-title{font-family:var(--font-display);color:inherit;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);font-weight:650;line-height:1.1}.st-muted{color:var(--st-dim)}.st-label{gap:.45rem;font-size:.95rem;font-weight:600;display:grid}.st-addr{overflow-wrap:anywhere;font-weight:400}.st-input{border:1.5px solid var(--st-paper-line);width:100%;min-height:2.9rem;color:var(--st-paper-ink);font:inherit;background:#fff;border-radius:6px;padding:.55rem .8rem;font-size:1rem;font-weight:400}.st-input:focus-visible{outline:3px solid color-mix(in oklab, var(--st-orange) 55%, transparent);outline-offset:1px;border-color:var(--st-orange)}.st-code{text-align:center;letter-spacing:.4em;min-height:3.5rem;font-family:ui-monospace,monospace;font-size:1.6rem}.st-primary,.st-secondary{min-height:2.75rem;font-family:var(--font-display);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.98rem;font-weight:600;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.st-primary{color:#fff;background:var(--st-paper-ink);border:2px solid var(--st-orange);position:relative}.st-primary:after{content:"";border-top:2px solid var(--st-orange);border-right:2px solid var(--st-orange);width:.5em;height:.5em;margin-left:.1rem;transform:rotate(45deg)}.st-primary:hover:not(:disabled){transform:translate(2px)}.st-danger,.st-danger:after{border-color:var(--st-err)}.st-secondary{color:inherit;background:0 0;border:1.5px solid}.st-primary:disabled,.st-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.st-primary:focus-visible,.st-secondary:focus-visible,.st-link:focus-visible,.st-tab:focus-visible,.st-item:focus-visible,.st-seg button:focus-visible,.st-groups button:focus-visible{outline:3px solid var(--st-orange);outline-offset:2px}.st-link{min-height:2.75rem;color:inherit;text-underline-offset:4px;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;padding:0 .25rem;text-decoration:underline;display:inline-flex}.st-link:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.st-danger-text{color:oklch(50% .17 25)}.st-row{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.st-msg{min-height:1.5rem;margin-top:1rem;font-size:.96rem}.st-msg.is-err{color:var(--st-err);font-weight:600}.st-loading{text-align:center;min-height:60dvh;color:var(--st-text);align-content:center;place-items:center;padding:2rem;display:grid;position:relative}.st-signin-wrap{min-height:100dvh;padding:3rem 1.25rem max(3rem, env(safe-area-inset-bottom));align-content:center;justify-items:center;gap:2rem;display:grid}.st-signin-brand{justify-items:center;gap:.75rem;display:grid}.st-signin-panel{background:var(--st-paper);width:min(100%,26rem);color:var(--st-paper-ink);border-left:4px solid var(--st-orange);border-radius:6px;padding:2rem 1.75rem 1.5rem;box-shadow:0 30px 60px -30px oklch(10% .03 255/.7)}.st-signin-panel .st-msg.is-err{color:oklch(48% .18 25)}.st-steps{color:oklch(50% .02 255);gap:1.25rem;margin:1rem 0 1.25rem;padding:0;font-size:.85rem;font-weight:600;list-style:none;display:flex}.st-steps li{align-items:center;gap:.4rem;display:inline-flex}.st-steps li:before{content:"";background:var(--st-paper-line);width:1.4rem;height:2px;transition:background-color .3s,width .3s}.st-steps li[aria-current]{color:var(--st-paper-ink)}.st-steps li[aria-current]:before{background:var(--st-orange);width:2rem}.st-step{gap:1rem;animation:.32s cubic-bezier(.2,.7,.2,1) both st-in;display:grid}@keyframes st-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.studio-shell{padding-top:var(--st-rail)}.st-rail{z-index:50;height:var(--st-rail);padding:0 max(1rem, env(safe-area-inset-left));background:color-mix(in oklab, var(--st-bg) 92%, transparent);border-bottom:1px solid var(--st-edge);align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.st-rail-brand{flex:none;align-items:center;gap:.6rem;min-height:2.75rem;display:inline-flex}.st-rail-nav{scrollbar-width:none;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.st-tab{min-height:2.75rem;font-family:var(--font-display);color:var(--st-dim);white-space:nowrap;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.96rem;font-weight:600;display:inline-flex;position:relative}.st-tab:hover,.st-tab[aria-current=page]{color:var(--st-text)}.st-tab[aria-current=page]:before{content:"";border-top:2px solid var(--st-orange);border-right:2px solid var(--st-orange);width:.45em;height:.45em;transform:rotate(45deg)}.st-tab[aria-current=page]:after{content:"";background:var(--st-orange);transform-origin:0;height:2px;animation:.3s ease-out both st-grow;position:absolute;bottom:.2rem;left:.8rem;right:.8rem}@keyframes st-grow{0%{transform:scaleX(0)}}.st-rail-end{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=699px){.studio{--st-rail:7rem}.st-rail{flex-wrap:wrap;align-content:center;row-gap:0}.st-rail-nav{flex-basis:100%;order:3}.st-rail-end .st-link{display:none}}.st-collection{gap:1.25rem;padding:1.25rem;display:grid}@media (width>=1024px){.st-collection{grid-template-columns:22rem minmax(0,1fr);align-items:start}.st-index{top:calc(var(--st-rail) + 1.25rem);max-height:calc(100dvh - var(--st-rail) - 2.5rem);position:sticky;overflow-y:auto}}.st-index-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.st-list{border-top:1px solid var(--st-edge);margin:0;padding:0;list-style:none}.st-list li{border-bottom:1px solid var(--st-edge)}.st-item{text-align:left;width:100%;min-height:3.25rem;color:var(--st-text);cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;gap:.35rem;padding:.7rem .5rem .7rem .9rem;transition:background-color .18s,border-color .18s;display:grid}.st-item:hover{background:var(--st-bg-2);border-left-color:var(--st-orange)}.st-item-title{overflow-wrap:anywhere;font-weight:600}.st-item-meta{flex-wrap:wrap;gap:.4rem;display:flex}.st-badge{border:1px solid var(--st-edge);color:var(--st-dim);border-radius:3px;align-items:center;gap:.35rem;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-flex}.st-badge.is-published{color:var(--st-text);border-color:var(--st-orange)}.st-badge.is-published:before{content:"";background:var(--st-orange);border-radius:50%;width:.45rem;height:.45rem}.st-badge.is-pending{border-style:dashed}.st-error{border-left:3px solid var(--st-err);background:var(--st-bg-2);justify-items:start;gap:.75rem;padding:1rem;display:grid}.st-canvas{min-width:0}.st-canvas-cap{color:var(--st-dim);margin-bottom:.5rem;font-size:.85rem}.st-frame{background:var(--st-paper);box-shadow:0 0 0 1px var(--st-edge), 0 40px 80px -40px oklch(8% .03 255/.8);border-radius:6px;overflow:clip}.st-world{color:var(--w-ink);background:var(--w-surface);font-family:var(--font-sans)}.st-editor{--st-dock:3.75rem}.st-dock{top:var(--st-rail);z-index:40;min-height:var(--st-dock);padding:.5rem max(1rem, env(safe-area-inset-left));background:var(--st-bg-2);border-bottom:1px solid var(--st-edge);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex;position:sticky}.st-state{border-left:3px solid var(--st-edge);color:var(--st-dim);padding:.2rem .65rem;font-size:.88rem;font-weight:600}.st-state.is-dirty,.st-state.is-live{border-left-color:var(--st-orange);color:var(--st-text)}.st-seg{border:1px solid var(--st-edge);border-radius:4px;padding:2px;display:inline-flex}.st-seg button{min-height:2.5rem;color:var(--st-dim);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:0 .75rem;font-size:.88rem;font-weight:600}.st-seg button[aria-pressed=true]{background:var(--st-text);color:var(--st-bg)}.st-devices{margin-left:auto}.st-dock-actions{gap:.5rem;display:flex}.st-paneswitch{display:none}.st-note{top:calc(var(--st-rail) + var(--st-dock));z-index:39;background:var(--st-paper);color:var(--st-paper-ink);border-left:4px solid var(--st-orange);align-items:center;gap:.75rem;padding:.35rem 1rem;font-size:.95rem;display:flex;position:sticky}.st-note>span{flex:1}.st-note.is-err,.st-note.is-conflict{border-left-color:var(--st-err);font-weight:600}.st-editor-body{gap:1rem;padding:1rem;display:grid}.st-device-scroll{justify-content:safe center;padding:1rem 0;display:flex;overflow-x:auto}.st-device{height:calc(100dvh - var(--st-rail) - var(--st-dock) - 4rem);min-height:28rem;box-shadow:0 0 0 1px var(--st-edge), 0 30px 60px -30px oklch(8% .03 255/.8);background:#fff;border:0;border-radius:10px;flex:none}.st-inspector{background:var(--st-paper);min-width:0;color:var(--st-paper-ink);border-top:3px solid var(--st-orange);border-radius:6px;padding:1.25rem}.st-inspector :is(input,textarea,select):not([type=checkbox]):not([type=file]){color:var(--st-paper-ink);border-color:var(--st-paper-line);background:#fff}.st-groups{border-bottom:1px solid var(--st-paper-line);flex-wrap:wrap;gap:.25rem;display:flex}.st-groups button{color:oklch(45% .02 255);cursor:pointer;background:0 0;border:0;min-height:2.75rem;padding:0 .65rem;font-size:.9rem;font-weight:600;position:relative}.st-groups button[aria-selected=true]{color:var(--st-paper-ink)}.st-groups button[aria-selected=true]:after{content:"";background:var(--st-orange);height:3px;position:absolute;bottom:-1px;left:.65rem;right:.65rem}.st-inspector-foot{border-top:1px solid var(--st-paper-line);flex-wrap:wrap;gap:.25rem 1rem;margin-top:2rem;padding-top:1rem;display:flex}@media (width>=1100px){.st-editor-body{grid-template-columns:minmax(0,1fr) 26rem;align-items:start}.st-inspector{top:calc(var(--st-rail) + var(--st-dock) + 1rem);max-height:calc(100dvh - var(--st-rail) - var(--st-dock) - 2rem);overscroll-behavior:contain;position:sticky;overflow-y:auto}}@media (width<=1099px){.st-paneswitch{display:inline-flex}.st-editor[data-pane=fields] .st-canvas,.st-editor[data-pane=preview] .st-inspector{display:none}.st-editor-body{padding-bottom:max(1rem, env(safe-area-inset-bottom))}}@media (width<=699px){.st-devices{display:none}.st-dock-actions{margin-left:auto}.st-editor{--st-dock:6.5rem}}.st-leave{z-index:60;left:50%;bottom:max(1rem, env(safe-area-inset-bottom));background:var(--st-paper);width:min(92vw,30rem);color:var(--st-paper-ink);border-left:4px solid var(--st-orange);border-radius:6px;gap:.75rem;padding:1rem 1.25rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px -20px oklch(10% .03 255/.8)}.st-dialog{background:var(--st-paper)!important;color:var(--st-paper-ink)!important;border:0!important;border-left:4px solid var(--st-orange)!important;border-radius:6px!important}.st-dialog-body{font-size:1rem;color:oklch(38% .02 255)!important}.st-dialog .st-secondary{color:var(--st-paper-ink);background:0 0}