:root{--hb-cyan: 184 92% 62%;--hb-violet: 268 84% 70%;--hb-gold: 38 96% 62%;--hb-rose: 326 90% 66%;--font-ui: "Source Sans 3", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Instrument Serif", Georgia, serif;--font-code: "Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:transparent;overflow:hidden}.header-doc{font-family:var(--font-ui);font-feature-settings:"ss01"}.header-doc.show-checker{background-image:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.06) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.06) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.06) 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0;background-color:#0c1118}.header-bg{position:fixed;inset:0;z-index:1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 34%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.55) 66%,#000 100%);mask-image:linear-gradient(180deg,#000,#0000008c 34%,#00000059,#0000008c 66%,#000)}.wash{position:absolute;border-radius:50%;filter:blur(80px);opacity:0;mix-blend-mode:screen;will-change:transform,opacity}.wash-1{top:-22%;left:6%;width:46vw;height:46vw;background:radial-gradient(circle,hsla(var(--hb-cyan) / .5),transparent 68%)}.wash-2{top:-16%;right:4%;width:40vw;height:40vw;background:radial-gradient(circle,hsla(var(--hb-violet) / .46),transparent 68%)}.wash-3{bottom:-24%;left:20%;width:50vw;height:50vw;background:radial-gradient(circle,hsla(var(--hb-gold) / .4),transparent 68%)}.wash-4{bottom:-20%;right:14%;width:38vw;height:38vw;background:radial-gradient(circle,hsla(var(--hb-rose) / .36),transparent 68%)}.streak{position:absolute;left:-10%;width:120%;height:2px;opacity:0;transform-origin:center;background:linear-gradient(90deg,transparent,hsla(var(--hb-cyan) / .5),hsla(var(--hb-violet) / .3),transparent);filter:blur(.6px) drop-shadow(0 0 12px hsla(var(--hb-cyan) / .3))}.streak-1{top:16%;transform:rotate(-7deg)}.streak-2{top:80%;transform:rotate(5deg);background:linear-gradient(90deg,transparent,hsla(var(--hb-gold) / .45),transparent);filter:blur(.6px) drop-shadow(0 0 12px hsla(var(--hb-gold) / .28))}.streak-3{top:8%;transform:rotate(3deg);height:1px}.mote{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.9),hsla(var(--hb-cyan) / .4) 40%,transparent 72%);filter:drop-shadow(0 0 8px hsla(var(--hb-cyan) / .5))}.mote-1{top:12%;left:22%}.mote-2{top:84%;left:38%;width:3px;height:3px}.mote-3{top:18%;left:72%;width:5px;height:5px}.mote-4{top:88%;left:64%}.mote-5{top:9%;left:50%;width:3px;height:3px}.mote-6{top:90%;left:84%;width:3px;height:3px}.solar .wash-1{background:radial-gradient(circle,hsla(var(--hb-cyan) / .5),transparent 68%)}.solar .wash-2{background:radial-gradient(circle,hsla(var(--hb-violet) / .46),transparent 68%)}.solar .wash-3{background:radial-gradient(circle,hsla(var(--hb-gold) / .42),transparent 68%)}.solar .wash-4{background:radial-gradient(circle,hsla(var(--hb-rose) / .36),transparent 68%)}.solar .streak,.solar .streak-2{background:linear-gradient(90deg,transparent,hsla(var(--hb-gold) / .5),hsla(var(--hb-violet) / .3),transparent);filter:blur(.6px) drop-shadow(0 0 12px hsla(var(--hb-gold) / .32))}.solar .mote{background:radial-gradient(circle,rgba(255,244,214,.92),hsla(var(--hb-gold) / .4) 40%,transparent 72%);filter:drop-shadow(0 0 8px hsla(var(--hb-gold) / .5))}.preview-heading{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6vw;color:#f6f2ea}.header-doc:not(.show-checker) .preview-heading{display:none}.preview-eyebrow{margin:0 0 14px;font-size:.78rem;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:hsla(var(--hb-gold) / .9)}.preview-heading h1{margin:0;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.04}.preview-sub{margin:18px 0 0;font-size:clamp(1rem,1.4vw,1.2rem);color:#f6f2eab3}@media(prefers-reduced-motion:reduce){.wash,.streak,.mote{transition:none}}.generator-panel{position:fixed;right:22px;bottom:22px;z-index:3;display:grid;gap:14px;width:min(430px,calc(100vw - 44px));padding:18px;color:#f6f2ea;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#070c16b3;box-shadow:0 28px 90px -44px #000000e6;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.header-doc:not(.show-checker) .generator-panel{display:none}.generator-panel h2,.generator-panel p{margin:0}.generator-panel h2{font-size:1.12rem;letter-spacing:-.02em}.generator-panel p:not(.generator-kicker){margin-top:5px;color:#f6f2eaa8;font-size:.86rem;line-height:1.45}.generator-kicker{color:hsla(var(--hb-gold) / .9);font-size:.68rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.generator-panel label{display:grid;gap:7px}.generator-panel label>span{color:#f6f2ea8a;font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.generator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.generator-panel input,.generator-panel select{min-height:40px;width:100%;padding:0 11px;color:#f6f2eaf0;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0f;font:inherit;font-size:.86rem;outline:none}.generator-panel input[type=color]{min-height:44px;padding:5px;cursor:pointer}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.generator-panel input:focus,.generator-panel select:focus{border-color:hsla(var(--hb-cyan) / .55);box-shadow:0 0 0 3px hsla(var(--hb-cyan) / .14)}.generator-panel button,.download-link{min-height:44px;cursor:pointer;color:#07101f;border:0;border-radius:999px;background:linear-gradient(135deg,hsl(var(--hb-cyan)),hsl(var(--hb-gold)));font:inherit;font-weight:900;text-decoration:none}.generator-panel button,.download-link,.generator-actions{display:flex;align-items:center;justify-content:center}.generator-actions{gap:10px;flex-wrap:wrap}.download-link{padding:0 18px;background:linear-gradient(135deg,hsl(var(--hb-gold)),hsl(var(--hb-rose)))}.download-link[hidden]{display:none}.generator-panel button:disabled{cursor:wait;opacity:.62}.generator-panel output{min-height:38px;padding:10px 12px;color:#f6f2eabd;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;font-size:.78rem;line-height:1.45;word-break:break-word}.generator-panel output[data-state=success]{color:#bcf8cf;border-color:#5cff9642}.generator-panel output[data-state=error]{color:#ffc5bd;border-color:#ff645047}@media(max-width:760px){.generator-panel{left:14px;right:14px;bottom:14px;width:auto}.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.header-doc.show-checker:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 18% 10%,hsla(var(--hb-gold) / .22),transparent 60%),radial-gradient(50% 65% at 82% 8%,hsla(var(--hb-rose) / .18),transparent 62%),linear-gradient(180deg,#04070f29,#04070fb8)}.studio-chrome{position:fixed;top:22px;left:22px;right:22px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#f6f2eadb;pointer-events:none}.header-doc:not(.show-checker) .studio-chrome{display:none}.studio-brand,.studio-badges{display:inline-flex;align-items:center;gap:10px}.studio-brand{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#070c1675;box-shadow:0 18px 54px -36px #000000d1;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:13px;height:13px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff7d6,transparent 34%),conic-gradient(from 30deg,hsl(var(--hb-gold)),hsl(var(--hb-rose)),hsl(var(--hb-cyan)),hsl(var(--hb-gold)));box-shadow:0 0 22px hsla(var(--hb-gold) / .8)}.studio-badges span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0e;color:#f6f2eab3;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-heading{max-width:980px;margin-inline:auto}.preview-eyebrow{position:relative;display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid hsla(var(--hb-gold) / .22);border-radius:999px;background:#070c163d;box-shadow:0 0 40px -18px hsla(var(--hb-gold) / .8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-eyebrow:before{content:"";width:6px;height:6px;border-radius:999px;background:hsl(var(--hb-gold));box-shadow:0 0 16px hsl(var(--hb-gold))}.preview-heading h1{max-width:11ch;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.08),0 24px 88px rgba(0,0,0,.74),0 0 46px hsla(var(--hb-gold) / .16);background:linear-gradient(180deg,#fff8e6,#f6f2ea 42%,#f6f2eaad);-webkit-background-clip:text;background-clip:text;color:transparent}.preview-sub{max-width:56ch;text-wrap:balance;text-shadow:0 14px 42px rgba(0,0,0,.78)}.generator-panel{width:min(470px,calc(100vw - 44px));padding:20px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff1c,#ffffff0a),#070c16b8;box-shadow:0 1px #ffffff29 inset,0 0 0 1px hsla(var(--hb-gold) / .08),0 30px 100px -38px #000000f2,0 0 70px -38px hsla(var(--hb-gold) / .72)}.generator-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14) 18%,transparent 36%),radial-gradient(70% 60% at 10% 0%,hsla(var(--hb-gold) / .18),transparent 60%);opacity:.75}.generator-panel>*{position:relative;z-index:1}.panel-hero-copy{padding-bottom:4px}.generator-panel h2{font-size:1.34rem;line-height:1.05;background:linear-gradient(135deg,#fff8e6,hsl(var(--hb-gold)) 56%,#fff0bd);-webkit-background-clip:text;background-clip:text;color:transparent}.generator-grid{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0000001f}.generator-panel input,.generator-panel select{background:#ffffff13;box-shadow:0 1px #ffffff0f inset}.generator-panel input[type=color]{overflow:hidden;border-radius:14px}.generator-panel button,.download-link{box-shadow:0 1px #ffffff47 inset,0 14px 40px -20px hsla(var(--hb-gold) / .86);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.generator-panel button:hover:not(:disabled),.download-link:hover{transform:translateY(-1px);filter:saturate(1.12) brightness(1.03);box-shadow:0 1px #ffffff57 inset,0 18px 54px -20px hsla(var(--hb-gold) / 1)}.generator-panel output{border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff0e,#ffffff06),#0000001f}@media(max-width:900px){.studio-chrome{align-items:flex-start;flex-direction:column}.studio-badges{flex-wrap:wrap}.studio-badges span:nth-child(n+3){display:none}.preview-heading h1{max-width:12ch;font-size:clamp(2.2rem,10vw,4.6rem)}}.studio-brand span:last-child,.studio-badges span,.generator-kicker,.generator-panel label>span,.generator-panel button,.download-link{font-family:var(--font-code);font-feature-settings:"tnum"}.studio-chrome{align-items:flex-start}.studio-brand{position:relative;min-height:48px;padding:0 18px 0 14px;letter-spacing:.16em;background:linear-gradient(180deg,#ffffff21,#ffffff0a),#0509127a;box-shadow:0 1px #ffffff29 inset,0 22px 72px -42px #000000f2,0 0 54px -32px hsla(var(--hb-gold) / .9)}.studio-brand:after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,hsla(var(--hb-gold) / .38),transparent 28%,hsla(var(--hb-rose) / .2) 70%,hsla(var(--hb-cyan) / .32));opacity:.72}.brand-mark{width:16px;height:16px}.studio-badges{max-width:52vw;justify-content:flex-end}.studio-badges span{padding:9px 12px;letter-spacing:.12em;background:linear-gradient(180deg,#ffffff1a,#ffffff09),#070c165c;box-shadow:0 12px 36px -28px #000000f2}.preview-heading{transform:translateY(-8px)}.preview-eyebrow{margin-bottom:18px;font-family:var(--font-code);letter-spacing:.28em}.preview-heading h1{font-family:var(--font-display);font-size:clamp(4rem,8.4vw,8.4rem);font-weight:400;font-style:italic;line-height:.88;letter-spacing:-.055em;max-width:9.6ch;text-shadow:0 1px 0 rgba(255,255,255,.1),0 32px 110px rgba(0,0,0,.82),0 0 70px hsla(var(--hb-gold) / .18)}.preview-sub{margin-top:26px;font-size:clamp(1.05rem,1.6vw,1.38rem);font-weight:300;letter-spacing:.01em}.generator-panel{right:clamp(20px,3.2vw,54px);bottom:clamp(20px,3.2vw,48px);width:min(520px,calc(100vw - 44px));gap:16px;padding:24px;border-radius:30px;background:linear-gradient(180deg,#ffffff24,#ffffff0b),linear-gradient(135deg,hsla(var(--hb-gold) / .08),transparent 34%,hsla(var(--hb-rose) / .06) 100%),#060a14bd}.generator-panel:after{content:"";position:absolute;inset:12px;pointer-events:none;border-radius:22px;border:1px solid rgba(255,255,255,.07)}.generator-panel h2{font-family:var(--font-display);font-size:clamp(2rem,3.2vw,2.85rem);font-weight:400;font-style:italic;line-height:.95;letter-spacing:-.05em}.generator-panel p:not(.generator-kicker){max-width:42ch;font-size:.98rem;font-weight:300;color:#f6f2eab8}.generator-kicker{display:inline-flex;width:fit-content;padding:6px 9px;border:1px solid hsla(var(--hb-gold) / .2);border-radius:999px;background:hsla(var(--hb-gold) / .08)}.generator-grid{gap:12px;padding:12px;border-radius:22px}.generator-panel input,.generator-panel select{min-height:46px;border-radius:15px;font-weight:600}.generator-panel input:not([type=color]),.generator-panel select{background:linear-gradient(180deg,#ffffff18,#ffffff0a),#0000001a}.generator-panel input[type=color]{min-height:50px;box-shadow:0 1px #ffffff1f inset,0 10px 24px -18px #000000e6}.generator-actions{justify-content:stretch}.generator-panel button,.download-link{flex:1 1 190px;min-height:50px;letter-spacing:.02em}.generator-panel output{font-family:var(--font-code);font-size:.76rem;font-feature-settings:"tnum"}@media(max-width:760px){.preview-heading{transform:translateY(-32px)}.preview-heading h1{font-size:clamp(3.2rem,16vw,5.8rem);max-width:8.8ch}.generator-panel{padding:20px;border-radius:26px}}.header-doc.show-checker .preview-heading{left:clamp(34px,6vw,96px);right:auto;width:min(56vw,720px);align-items:flex-start;text-align:left;transform:translateY(-2px);padding:0}.header-doc.show-checker .preview-heading h1{max-width:10.8ch;font-size:clamp(3.5rem,6.4vw,6.9rem);line-height:.98;letter-spacing:-.025em;text-wrap:balance}.header-doc.show-checker .preview-sub{max-width:min(48ch,44vw);margin-left:2px;font-size:clamp(1rem,1.25vw,1.24rem);line-height:1.45}.header-doc.show-checker .generator-panel{top:clamp(92px,12vh,124px);right:clamp(18px,3.2vw,42px);bottom:auto;width:min(460px,38vw);max-height:calc(100vh - clamp(118px,16vh,150px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsla(var(--hb-gold) / .42) rgba(255,255,255,.08)}.header-doc.show-checker .generator-panel::-webkit-scrollbar{width:8px}.header-doc.show-checker .generator-panel::-webkit-scrollbar-thumb{border-radius:999px;background:hsla(var(--hb-gold) / .42)}.header-doc.show-checker .generator-panel::-webkit-scrollbar-track{background:#ffffff14}.header-doc.show-checker .generator-panel h2{font-size:clamp(1.65rem,2.55vw,2.35rem);line-height:1.02;letter-spacing:-.025em}.header-doc.show-checker .generator-grid:not(.color-grid){grid-template-columns:1.15fr .85fr}.header-doc.show-checker .generator-grid:not(.color-grid) label:first-child{grid-column:1 / -1}.header-doc.show-checker .generator-panel label>span{white-space:nowrap}.header-doc.show-checker .generator-panel output{max-height:6.5em;overflow:auto}@media(max-width:1080px){.header-doc.show-checker .preview-heading{inset:0;width:auto;align-items:center;justify-content:flex-start;padding:104px 22px 0;text-align:center;transform:none}.header-doc.show-checker .preview-heading h1{max-width:11ch;font-size:clamp(3rem,11vw,5.8rem)}.header-doc.show-checker .preview-sub{max-width:52ch}.header-doc.show-checker .generator-panel{inset:auto 18px 18px;width:auto;max-height:min(45vh,430px)}}.api-card{position:relative;z-index:1;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,#ffffff12,#ffffff06),#0000001a;overflow:hidden}.api-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;color:#f6f2eae0;font-family:var(--font-code);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.api-card summary::-webkit-details-marker{display:none}.api-card summary:before{content:"+";display:grid;place-items:center;flex:none;width:18px;height:18px;border-radius:999px;background:hsla(var(--hb-gold) / .12);color:hsl(var(--hb-gold))}.api-card[open] summary:before{content:"–"}.api-card summary code{padding:4px 7px;border:1px solid hsla(var(--hb-gold) / .18);border-radius:999px;color:hsl(var(--hb-gold));background:hsla(var(--hb-gold) / .08);font-family:var(--font-code);font-size:.64rem;white-space:nowrap}.api-body{display:grid;gap:12px;padding:0 14px 14px 50px}.api-body p{margin:0;color:#f6f2eaad;font-size:.83rem;font-weight:300;line-height:1.45}.api-params{display:grid;gap:7px;margin:0}.api-params div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.api-params dt{color:hsl(var(--hb-gold));font-family:var(--font-code);font-size:.69rem;font-weight:700}.api-params dd{margin:0;color:#f6f2ea9e;font-size:.78rem;line-height:1.35}.api-params code,.api-url{font-family:var(--font-code);font-feature-settings:"tnum"}.api-url{display:block;max-width:100%;padding:10px;overflow-x:auto;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#00000038;color:#f6f2eac7;font-size:.68rem;white-space:nowrap}.download-shelf{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0000001f}.download-shelf[hidden]{display:none}.secondary-download{min-height:38px;padding:0 10px;background:linear-gradient(180deg,#ffffff21,#ffffff0e),#ffffff14;color:#f6f2eae6;border:1px solid rgba(255,255,255,.11);box-shadow:none;font-size:.68rem;text-align:center}.secondary-download:hover{background:linear-gradient(180deg,#ffffff29,#ffffff12),hsla(var(--hb-gold) / .12)}.studio-controls{display:inline-flex;align-items:center;gap:12px}.mode-toggle{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;cursor:pointer;color:#f6f2eaeb;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#070c1685;font-family:var(--font-code);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12);box-shadow:0 12px 36px -28px #000000eb;transition:all .3s ease}.mode-toggle:hover{border-color:#ffffff47;background:#070c16ad}.mode-toggle .mode-icon{font-size:1rem;transition:transform .3s ease}.mode-toggle.active .mode-icon{transform:scale(1.1)}.playback-controls{display:inline-flex;align-items:center;gap:8px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#070c167a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.playback-btn{display:grid;place-items:center;width:36px;height:36px;cursor:pointer;color:#f6f2eaeb;border:0;border-radius:50%;background:transparent;font-size:1rem;transition:background .2s ease}.playback-btn:hover{background:#ffffff1f}.speed-select{min-height:32px;padding:0 28px 0 10px;cursor:pointer;color:#f6f2eaeb;border:1px solid rgba(255,255,255,.14);border-radius:999px;background-color:#ffffff0f;background-image:linear-gradient(45deg,transparent 50%,rgba(246,242,234,.7) 50%),linear-gradient(135deg,rgba(246,242,234,.7) 50%,transparent 50%);background-position:calc(100% - 14px) center,calc(100% - 10px) center;background-size:4px 4px,4px 4px;background-repeat:no-repeat;-webkit-appearance:none;appearance:none;font-family:var(--font-code);font-size:.72rem;font-weight:700;outline:none;transition:border-color .2s ease}.speed-select:hover{border-color:#ffffff47}.speed-select:focus{border-color:hsla(var(--hb-cyan) / .55)}.header-doc,.header-doc.show-checker{transition:background-color .4s ease}.studio-chrome{transition:opacity .3s ease,transform .3s ease}.header-doc:not(.show-checker) .studio-chrome{opacity:0;transform:translateY(-10px);pointer-events:none}.preview-heading{transition:opacity .35s ease,transform .35s ease}.header-doc:not(.show-checker) .preview-heading{opacity:0;transform:translateY(10px);pointer-events:none}.generator-panel{transition:opacity .35s ease,transform .35s ease}.header-doc:not(.show-checker) .generator-panel{opacity:0;transform:translateY(20px);pointer-events:none}.header-doc:not(.show-checker):before{opacity:0;transition:opacity .4s ease}.header-doc.show-checker:before{transition:opacity .4s ease}@media(max-width:900px){.studio-controls{flex-wrap:wrap;gap:8px}.mode-toggle{min-height:38px;padding:0 12px;font-size:.66rem}.playback-controls{gap:6px;padding:3px}.playback-btn{width:32px;height:32px;font-size:.9rem}.speed-select{min-height:28px;font-size:.66rem}}@media(max-width:600px){.studio-chrome{top:12px;left:12px;right:12px}.studio-controls{flex-wrap:wrap;gap:6px}.mode-toggle .mode-label{display:none}.mode-toggle{min-height:36px;padding:0 12px}}