.studio{--bg:#0b0b0d;--canvas:#101012;--panel:#151518;--raised:#1c1c20;--float:#202025;--hover:#ffffff0b;--press:#ffffff12;--line:#fff1;--line-2:#ffffff1a;--line-3:#ffffff2b;--fg:#ececef;--fg-2:#a2a2ac;--fg-3:#6d6d77;--fg-4:#45454d;--hi:inset 0 1px 0 #ffffff09;--teller:#ee7b56;--teller-2:#f6a385;--teller-wash:#ee7b5621;--method:#8d99ff;--method-2:#b6bdff;--method-wash:#8d99ff13;--on-method:#0b0d26;--on-teller:#1a0c06;--good:#4fc48e;--warn:#e6a64a;--bad:#f0675c;--live:#5fb4ff;--primary:#f2f2f4;--on-primary:#0d0d0f;--shadow-pop:0 0 0 1px #ffffff14, 0 16px 40px -8px #000000b3, 0 2px 6px #0006;--shadow-sheet:0 0 0 1px #ffffff12, 0 30px 80px -20px #000c;--paper:var(--canvas);--sheet:var(--panel);--sunk:var(--bg);--ink:var(--fg);--ink-2:var(--fg-2);--ink-3:var(--fg-3);--ink-4:var(--fg-4);--rule:var(--line);--rule-2:var(--line-2);--r-1:5px;--r-2:7px;--r-3:10px;--side:236px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--fg);font-size:13px;line-height:1.45}:root[data-theme=light] .studio{--bg:#ecebe8;--canvas:#f6f5f3;--panel:#fff;--raised:#f3f2ef;--float:#fff;--hover:#14120f0a;--press:#14120f12;--line:#14120f13;--line-2:#14120f1f;--line-3:#14120f38;--fg:#18171a;--fg-2:#55545c;--fg-3:#8a8991;--fg-4:#bdbcc2;--hi:inset 0 1px 0 #fff9;--teller:#c8482d;--teller-2:#df6a4f;--teller-wash:#c8482d17;--method:#3647b8;--method-2:#6c7be6;--method-wash:#3647b813;--on-method:#fff;--on-teller:#fff;--good:#23804f;--warn:#a86a12;--bad:#c33a2f;--live:#1f6fd1;--primary:#18171a;--on-primary:#fafaf9;--shadow-pop:0 0 0 1px #14120f14, 0 16px 40px -10px #14120f40, 0 2px 6px #14120f0f;--shadow-sheet:0 0 0 1px #14120f14, 0 30px 80px -20px #14120f4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:has(.studio){background:#0b0b0d}body:has(.studio .shell){overflow:hidden}:root[data-theme=light] body:has(.studio){background:#ecebe8}.studio ::selection{background:var(--teller-wash);color:var(--fg)}.studio .num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.studio .fig{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:540}.studio .said{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.003em;font-weight:380}.studio .muted{color:var(--fg-3)}.studio h1,.studio h2,.studio h3,.studio h4{letter-spacing:-.015em;font-weight:600}.studio .btn{border-radius:var(--r-2);letter-spacing:-.005em;white-space:nowrap;height:30px;color:var(--fg);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-2), var(--hi);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:560;transition:background .12s,box-shadow .12s,color .12s,transform 80ms;display:inline-flex}.studio .btn:hover{background:color-mix(in srgb, var(--raised) 80%, var(--fg) 6%);box-shadow:inset 0 0 0 1px var(--line-3), var(--hi)}.studio .btn:active{transform:translateY(.5px)}.studio .btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px #ffffff40,0 1px 2px #00000059}.studio .btn.primary:hover{background:color-mix(in srgb, var(--primary) 88%, var(--canvas))}.studio .btn.ghost{box-shadow:none;color:var(--fg-2);background:0 0}.studio .btn.ghost:hover{background:var(--hover);color:var(--fg)}.studio .btn.danger{color:var(--bad)}.studio .btn.small{border-radius:6px;gap:6px;height:26px;padding:0 9px;font-size:12px}.studio .btn.icon{width:28px;padding:0}.studio .btn.icon.small{width:26px}.studio .btn[disabled]{opacity:.4;pointer-events:none}.studio .btn kbd{margin-left:2px;margin-right:-4px}.studio .btn.primary kbd{color:inherit;box-shadow:none;background:#0000001f}.studio .input{border-radius:var(--r-2);background:var(--bg);width:100%;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--fg);resize:vertical;border:0;outline:none;padding:7px 10px;font-size:13px;line-height:1.45;transition:box-shadow .12s}:root[data-theme=light] .studio .input{background:var(--panel)}.studio .input::placeholder{color:var(--fg-4)}.studio .input:hover{box-shadow:inset 0 0 0 1px var(--line-3)}.studio .input:focus{box-shadow:inset 0 0 0 1px var(--fg-2), 0 0 0 3px color-mix(in srgb, var(--fg) 10%, transparent)}.studio .input[readonly]{color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line)}.studio select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fg-3) 50%), linear-gradient(135deg, var(--fg-3) 50%, transparent 50%);background-position:calc(100% - 14px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:4px 4px;padding-right:28px}.studio .field{gap:6px;display:grid}.studio .field>span{color:var(--fg-2);font-size:12px;font-weight:560}.studio .field small{color:var(--fg-3);font-size:11.5px;line-height:1.45}.studio kbd{min-width:17px;height:17px;font-family:var(--mono);background:var(--press);box-shadow:inset 0 -1px 0 var(--line-2);color:var(--fg-2);border-radius:4px;place-items:center;padding:0 4px;font-size:10.5px;line-height:1;display:inline-grid}.studio .chip{height:22px;color:var(--fg-2);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11.5px;font-weight:540;display:inline-flex}.studio .chip.num{font-size:11px;font-weight:450}.studio .chip .dot{background:var(--fg-3);border-radius:50%;flex:none;width:6px;height:6px}.studio .chip.open .dot{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 22%, transparent)}.studio .chip.draft .dot{background:var(--fg-3)}.studio .chip.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warn) 22%, transparent)}:where(.studio [data-tip]){position:relative}.studio [data-tip]:after{content:attr(data-tip);z-index:60;background:var(--float);width:max-content;max-width:280px;color:var(--fg);box-shadow:var(--shadow-pop);font:500 11.5px/1.35 var(--sans);letter-spacing:0;text-align:left;white-space:pre-line;opacity:0;pointer-events:none;border-radius:6px;padding:5px 8px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px)}.studio [data-tip][data-tip-side=bottom]:after{top:calc(100% + 7px);bottom:auto;transform:translate(-50%,-3px)}.studio [data-tip][data-tip-side=right]:after{top:50%;bottom:auto;left:calc(100% + 8px);transform:translate(-3px,-50%)}.studio [data-tip][data-tip-side=bottom-end]:after{inset:calc(100% + 7px) 0 auto auto;transform:translateY(-3px)}.studio [data-tip][data-tip-side=bottom-end]:hover:after{transform:translate(0)!important}.studio [data-tip]:hover:after,.studio [data-tip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}.studio [data-tip][data-tip-side=right]:hover:after{transform:translateY(-50%)}.studio [data-tip][data-tip-side=left]:after{inset:50% calc(100% + 8px) auto auto;transform:translate(3px,-50%)}.studio [data-tip][data-tip-side=left]:hover:after{transform:translateY(-50%)}.studio .panel{background:var(--panel);border-radius:var(--r-3);box-shadow:0 0 0 1px var(--line), var(--hi);min-width:0}.studio .panel>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:42px;padding:0 14px 0 16px;display:flex}.studio .panel>header h2{letter-spacing:-.005em;color:var(--fg);font-size:12.5px;font-weight:600}.studio .panel>header .meta{color:var(--fg-3);font-size:11.5px}.studio .panel>header .sp{flex:1}.studio .seg{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;gap:2px;padding:2px;display:inline-flex}:root[data-theme=light] .studio .seg{background:var(--raised)}.studio .seg button{height:24px;color:var(--fg-3);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:520;transition:background .12s,color .12s;display:inline-flex}.studio .seg button:hover{color:var(--fg)}.studio .seg button.on{color:var(--fg);background:var(--raised);box-shadow:0 0 0 1px var(--line-2), 0 1px 2px #00000040}:root[data-theme=light] .studio .seg button.on{background:var(--panel)}.studio .seg .n{font-family:var(--mono);color:var(--fg-3);font-size:10.5px}.studio .scroll{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;overflow:auto}.studio .play{width:26px;height:26px;color:var(--fg);background:var(--raised);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:50%;flex:none;place-items:center;transition:background .12s,color .12s,transform .12s;display:grid}.studio .play:hover{background:var(--fg);color:var(--canvas)}.studio .play.on{background:var(--teller);color:#160b07;box-shadow:0 0 0 4px var(--teller-wash)}.studio .play[disabled]{opacity:.35;pointer-events:none}.studio .tm{font-family:var(--mono);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.studio .tm.t{color:var(--teller)}.studio .tm.m{color:var(--method)}.studio .tm i{border-radius:50%;width:7px;height:7px;box-shadow:inset 0 0 0 1.5px}.studio .tm i.yes{background:currentColor}@keyframes studio-in{0%{opacity:0;transform:translateY(4px)}}