.studio{--st-bg:#090807;--st-frame-bg:#0d0b0a;--st-panel-0:#16130f;--st-panel-1:#100e0c;--st-ink-c:239 230 220;--st-hl:255 236 220;--st-a:255 154 77;--st-g:255 140 60;--st-acc-hi:#ffc58a;--st-grad-0:#ff8a3d;--st-grad-1:#ffc078;--st-drop:#000000e6;--st-shade:6 5 4;--st-black:#000;--st-ink:rgb(var(--st-ink-c));--st-ink-2:rgb(var(--st-ink-c) / .72);--st-mute:rgb(var(--st-ink-c) / .46);--st-line:rgb(var(--st-hl) / .1);--st-acc:rgb(var(--st-a));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(ellipse 70% 50% at 50% 0%, rgb(var(--st-g) / .07), transparent 70%), var(--st-bg);min-height:100svh;color:var(--st-ink);font-family:var(--font-sans), var(--font-zh), system-ui, sans-serif;-webkit-font-smoothing:antialiased}.studio a{color:inherit}.studio .st-page{max-width:1440px;margin:0 auto;padding:22px 28px 64px}.studio .st-toolbar{border-bottom:1px solid var(--st-line);font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.08em;color:var(--st-mute);justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;font-size:12px;display:flex}.studio .st-brand{color:var(--st-ink);letter-spacing:.22em;text-decoration:none}.studio .st-brand b{color:var(--st-acc);font-weight:500}.studio .st-nav{gap:18px;display:flex}.studio .st-nav a{color:var(--st-mute);text-decoration:none}.studio .st-nav a:hover,.studio .st-nav a[aria-current=page]{color:var(--st-acc-hi)}.studio .st-top{max-width:900px;margin:44px 0 36px}.studio .st-kicker{font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.22em;color:var(--st-acc);font-size:12px}.studio .st-title{letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.05}.studio .st-lede{color:var(--st-ink-2);margin:14px 0 0;font-size:16px;line-height:1.55}.studio .st-head{font-family:var(--font-mono), var(--font-zh), monospace;margin:40px 0 18px;padding-bottom:12px;position:relative}.studio .st-head:after{content:"";background:var(--st-line);height:1px;position:absolute;inset:auto 0 0}.studio .st-head:before{content:"";background:linear-gradient(90deg, var(--st-grad-0), var(--st-grad-1));width:120px;height:2px;filter:drop-shadow(0 0 5px rgb(var(--st-g) / .8));z-index:1;border-radius:1px;position:absolute;bottom:-.5px;left:0}.studio .st-head h2{letter-spacing:.14em;color:var(--st-ink);margin:0;font-size:13px;font-weight:500}.studio .st-head h2 span{color:var(--st-acc);margin-right:.6em}.studio .st-head p{color:var(--st-mute);margin:6px 0 0;font-size:12px}.studio .st-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:20px;display:grid}.studio .st-card{border:1px solid rgb(var(--st-hl) / .07);background:radial-gradient(circle at 1px 1px, rgb(var(--st-hl) / .055) .8px, transparent 1px) 0 0 / 12px 12px, linear-gradient(var(--st-panel-0), var(--st-panel-1));border-radius:14px;padding:14px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.studio a.st-card:hover,.studio a.st-card:focus-visible{border-color:var(--st-acc);box-shadow:0 0 60px -24px rgb(var(--st-g) / .45);outline:none}.studio .st-thumb{box-shadow:0 20px 60px -30px var(--st-drop);pointer-events:none;border-radius:10px;overflow:hidden}.studio .st-card-title{letter-spacing:-.01em;margin:14px 2px 0;font-size:17px;font-weight:500}.studio .st-card-text{color:var(--st-ink-2);margin:6px 2px 0;font-size:14px;line-height:1.5}.studio .st-meta{font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.06em;color:var(--st-mute);margin:10px 2px 0;font-size:11.5px}.studio .st-meta b{color:var(--st-acc-hi);font-weight:500}.studio .st-empty{aspect-ratio:16/9;border:1px dashed rgb(var(--st-ink-c) / .18);font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.08em;color:var(--st-mute);border-radius:10px;place-items:center;font-size:12px;display:grid}.studio .st-player{background:var(--st-frame-bg);box-shadow:0 0 0 1px rgb(var(--st-hl) / .06), 0 40px 120px -40px var(--st-drop), 0 0 80px -30px rgb(var(--st-g) / .12);-webkit-user-select:none;user-select:none;border-radius:14px;position:relative;overflow:hidden}.studio .st-player[data-idle]{cursor:none}.studio .st-player[data-full]{background:var(--st-black);border-radius:0;place-items:center;display:grid}.studio .st-player[data-full] .st-frame{width:min(100vw,177.778vh)}.studio .st-frame{width:100%;position:relative}.studio .st-hit{cursor:inherit;background:0 0;border:0;position:absolute;inset:0}.studio .st-hit:focus-visible{outline:2px solid var(--st-acc);outline-offset:-4px}.studio .st-bigplay{background:rgb(var(--st-shade) / .55);width:84px;height:84px;color:var(--st-ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgb(var(--st-hl) / .18);pointer-events:none;border-radius:50%;place-items:center;margin:-42px 0 0 -42px;display:grid;position:absolute;top:50%;left:50%}.studio .st-bigplay svg{width:38px;height:38px;margin-left:4px}.studio .st-controls{background:linear-gradient(to top, rgb(var(--st-shade) / .78), rgb(var(--st-shade) / .35) 60%, transparent);color:var(--st-ink);padding:36px 16px 10px;transition:opacity .35s;position:absolute;inset:auto 0 0}.studio .st-player[data-idle] .st-controls{opacity:0;pointer-events:none}.studio .st-progress{height:14px;margin:0 4px;position:relative}.studio .st-progress:before{content:"";background:rgb(var(--st-hl) / .22);border-radius:2px;position:absolute;inset:5px 0}.studio .st-progress-fill{background:linear-gradient(90deg, var(--st-grad-0), var(--st-grad-1));pointer-events:none;border-radius:2px;position:absolute;inset:5px auto 5px 0}.studio .st-progress:hover:before,.studio .st-progress:hover .st-progress-fill{inset-block:4px}.studio .st-seek{appearance:none;cursor:pointer;background:0 0;width:100%;margin:0;position:absolute;inset:0}.studio .st-seek::-webkit-slider-thumb{appearance:none;background:var(--st-acc-hi);width:13px;height:13px;box-shadow:0 0 8px rgb(var(--st-g) / .7);border-radius:50%}.studio .st-seek::-moz-range-thumb{background:var(--st-acc-hi);border:0;border-radius:50%;width:13px;height:13px}.studio .st-seek:focus-visible{outline:2px solid var(--st-acc);outline-offset:2px}.studio .st-row{font-family:var(--font-mono), var(--font-zh), monospace;align-items:center;gap:4px;margin-top:4px;font-size:12.5px;display:flex}.studio .st-icon{width:38px;height:38px;color:var(--st-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.studio .st-icon svg{width:22px;height:22px}.studio .st-icon:hover,.studio .st-icon[aria-expanded=true]{background:rgb(var(--st-hl) / .12)}.studio .st-icon:focus-visible,.studio .st-swatch:focus-visible,.studio .st-seg button:focus-visible{outline:2px solid var(--st-acc);outline-offset:1px}.studio .st-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:6px}.studio .st-grow{flex:1}.studio .st-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--st-ink-2);margin-right:6px}.studio .st-panel{z-index:2;border:1px solid rgb(var(--st-hl) / .12);background:rgb(var(--st-shade) / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:260px;box-shadow:0 24px 60px -20px var(--st-drop);color:var(--st-ink);border-radius:12px;gap:16px;padding:16px;display:grid;position:absolute;bottom:74px;right:16px}.studio .st-panel-label{font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.16em;color:var(--st-mute);margin-bottom:8px;font-size:11px}.studio .st-swatches{gap:4px;display:grid}.studio .st-swatch{color:var(--st-ink-2);font:500 13px var(--font-sans), sans-serif;text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.studio .st-swatch:hover{background:rgb(var(--st-hl) / .08)}.studio .st-swatch[aria-pressed=true]{border-color:rgb(var(--st-hl) / .2);background:rgb(var(--st-hl) / .08);color:var(--st-ink)}.studio .st-swatch-dot{background:var(--st-swatch,var(--st-ink-2));width:14px;height:14px;box-shadow:0 0 10px -2px var(--st-swatch,transparent);border-radius:50%}.studio .st-swatch[data-swatch=amber]{--st-swatch:#ff9a4d}.studio .st-swatch[data-swatch=phosphor]{--st-swatch:#5ee2ff}.studio .st-swatch[data-swatch=violet]{--st-swatch:#a98cff}.studio .st-swatch[data-swatch=mint]{--st-swatch:#5ee4a8}.studio .st-swatch[data-swatch=rose]{--st-swatch:#ff7a96}.studio .st-seg{background:rgb(var(--st-hl) / .08);border-radius:9px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.studio .st-seg button{color:var(--st-ink-2);font:500 13px var(--font-sans), sans-serif;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px}.studio .st-seg button[aria-pressed=true]{background:rgb(var(--st-hl) / .16);color:var(--st-ink)}.studio .st-hint{font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.04em;color:var(--st-mute);margin:12px 2px 0;font-size:11.5px}.st-render{width:fit-content;overflow:hidden}.studio.st-strip{z-index:50;border-bottom:1px solid var(--st-line);min-height:0;font-family:var(--font-mono), var(--font-zh), monospace;letter-spacing:.1em;color:var(--st-mute);justify-content:space-between;align-items:center;padding:8px 20px;font-size:11.5px;display:flex;position:sticky;top:0}.studio.st-strip a{color:var(--st-ink-2);text-decoration:none}.studio.st-strip a:hover{color:var(--st-acc-hi)}html.st-bare .st-strip{display:none}.studio .st-cover{aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;width:100%;display:block}.studio fieldset.st-seg{border:0;min-width:0;margin:0}.studio .st-tools{align-items:center;gap:22px;display:flex}.studio fieldset.st-lang{border:1px solid var(--st-line);border-radius:7px;gap:2px;min-width:0;margin:0;padding:2px;display:flex}.studio .st-lang button{color:var(--st-mute);font:500 11.5px var(--font-mono), monospace;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 9px}.studio .st-lang button[aria-pressed=true]{background:rgb(var(--st-hl) / .12);color:var(--st-ink)}.studio .st-lang button:focus-visible{outline:2px solid var(--st-acc);outline-offset:1px}.studio .st-player{--st-subbar:clamp(44px, 4.4cqw, 84px);container-type:inline-size}.studio .st-subbar{height:var(--st-subbar);background:var(--st-frame-bg);border-top:1px solid rgb(var(--st-hl) / .06);color:var(--st-ink);font-family:var(--font-sans), var(--font-zh), sans-serif;font-size:calc(var(--st-subbar) * .4);text-align:center;place-items:center;padding:0 4%;font-weight:500;line-height:1.2;display:grid}.studio .st-player[data-subs] .st-controls{bottom:var(--st-subbar)}.studio .st-player[data-subs] .st-panel{bottom:calc(74px + var(--st-subbar))}.studio .st-player[data-full]{align-content:center}.studio .st-player[data-full][data-subs] .st-frame,.studio .st-player[data-full][data-subs] .st-subbar{width:min(100vw, calc((100vh - var(--st-subbar)) * 16 / 9))}
*,:before,:after{box-sizing:border-box}html,body{margin:0}