@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,sans-serif;color:#191919;background:#dadada;font-synthesis:none;--line:#bcbcbc;--muted:#616161}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}header{height:94px;margin:0 3.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:600;letter-spacing:-.8px;display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.mark{width:24px;height:24px;border:1px solid #171717;border-radius:50%;box-shadow:inset -6px 0 0 -4px #171717}.header-note{font-size:12px;color:var(--muted)}.edition,.control-title,.stage-caption,footer{font-family:Inter Variable,sans-serif;font-size:10px;letter-spacing:.045em}.edition{color:var(--muted)}.stage{height:calc(100svh - 275px);min-height:370px;position:relative;margin:0 3.5%}canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px}.stage-caption{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;color:#555}.stage-caption span span{font:18px Inter Variable,sans-serif;margin-left:8px}.controls{margin:0 3.5%;padding:26px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr 1fr 1.25fr auto;gap:4%;align-items:center}.control-title{color:var(--muted);display:block;margin-bottom:11px}.scene-buttons{display:flex;gap:13px}button{font:12px Inter Variable,sans-serif;color:#626262;border:0;background:none;padding:5px 0;cursor:pointer}.scene-buttons button[aria-pressed=true]{color:#151515;text-decoration:underline;text-underline-offset:6px}.slider-control>span{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:17px}output{font:10px Inter Variable,sans-serif;color:#606060;white-space:nowrap}.reset{border:1px solid #aaa;border-radius:4px;padding:10px 14px;color:#333;white-space:nowrap}.reset span{margin-left:13px;font-size:16px}button:hover{color:#000}.reset:hover{background:#cecece}:focus-visible{outline:2px solid #315ec2;outline-offset:6px}footer{margin:0 3.5%;height:68px;display:flex;align-items:center;justify-content:space-between;color:#666}.dot{margin:0 9px}.fallback{position:absolute;top:20%;padding:24px;background:#dadada}@media(min-width:1600px){.stage{max-height:1000px}}@media(max-width:700px){header{height:75px;margin:0 6%}.header-note{display:none}.wordmark{font-size:19px}.edition{font-size:9px}.stage{margin:0 4%;height:56svh;min-height:340px}.stage-caption{left:2%;right:2%;font-size:9px;bottom:20px}#instructions{max-width:140px;text-align:right}.controls{margin:0 6%;grid-template-columns:1fr 1fr;gap:28px 24px;padding:22px 0}.reset{grid-column:2;grid-row:1;justify-self:end}.slider-control:last-of-type{grid-column:1/-1}footer{margin:0 6%;gap:25px;height:85px;font-size:9px;line-height:1.6}footer>span{max-width:155px}footer>span:last-child{text-align:right}}.stage{height:calc(100svh - 400px);min-height:360px}.stage-caption{position:static;margin:0 3.5%;padding:16px 0;gap:20px;line-height:1.6}#instructions{text-align:right}.controls{display:block;padding:22px 0}.playground-row{display:grid;grid-template-columns:minmax(220px,1.4fr) 1fr auto;gap:5%;align-items:center;margin-bottom:28px}.text-control label{display:block;font-size:13px;margin-bottom:9px}.text-control input{width:100%;background:transparent;color:#191919;border:1px solid #a5a5a5;border-radius:4px;padding:10px 12px;font:18px Inter Variable,sans-serif}.text-control p{font-size:11px;color:var(--muted);margin:8px 0 0}.presets .control-title{display:flex;gap:16px;align-items:center}#preset-status{text-transform:none}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:230px}#share{background:#222;color:#eee;border-color:#222}#share:hover{background:#444}#share-status{font-size:11px;color:var(--muted);width:100%;text-align:right}#share-status:empty{display:none}.slider-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;align-items:center}.fallback{position:static;margin:0 3.5%}button:disabled{cursor:default;opacity:.5}@media(max-width:700px){.stage{height:48svh;min-height:310px}.stage-caption{margin:0 6%;font-size:9px}#instructions{max-width:230px}.playground-row{grid-template-columns:1fr 1fr;gap:22px 16px}.text-control{grid-column:1/-1}.actions{gap:8px}.actions .reset{padding:9px}.slider-row{grid-template-columns:1fr 1fr;gap:24px}.slider-control:last-of-type{grid-column:1/-1}.controls{margin:0 6%}}#share-panel{margin:0 0 24px}#share-panel label{display:block;font-size:12px;margin-bottom:8px}#share-link{width:100%;padding:10px;font:13px Inter Variable,sans-serif;border:1px solid #aaa;background:transparent;border-radius:4px}#share-note{font-size:11px;color:var(--muted)}.motion-control{display:flex;align-items:center;gap:14px;margin-top:24px}.motion-control button{text-decoration:underline;text-underline-offset:4px}.motion-control span{font-size:11px;color:var(--muted)}.preview .controls,.preview .stage-caption{display:none}.preview .stage{height:calc(100svh - 245px);min-height:340px}.preview canvas{pointer-events:none;touch-action:auto}.preview-action{text-align:center;padding:24px 0}.preview-action[hidden]{display:none}#create-yours{display:inline-block;text-decoration:none;font-size:14px;background:#222;color:#eee;padding:13px 24px}.share-link-row{display:flex;align-items:stretch;gap:8px}.share-link-row #share-link{min-width:0;flex:1}#copy-link{display:grid;place-items:center;flex:0 0 44px;min-height:44px;border:1px solid #aaa;border-radius:4px;color:#222}#copy-link:hover{background:#cecece}.stage-caption{justify-content:flex-end}:root{--glass-face:linear-gradient(155deg,rgba(255,255,255,.66),rgba(255,255,255,.12) 46%,rgba(255,255,255,.32));--glass-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 1px rgba(70,75,85,.12),0 3px 8px rgba(35,40,50,.08)}#share,#reset{background:var(--glass-face);border:1px solid rgba(255,255,255,.65);border-bottom-color:#64697338;border-radius:12px;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#27292c}#share,#reset{padding:11px 14px;min-height:44px}#reset:hover{background:linear-gradient(155deg,#ffffffd9,#ffffff40)}#share:active,#reset:active{box-shadow:inset 0 2px 4px #23283229,inset 0 -1px #fffc}.scene-buttons{gap:6px}.scene-buttons button{padding:9px 12px}#share{color:#fff;background:linear-gradient(155deg,#4b4f54eb,#1d1f23f5 55%,#3a3d43f0);border-color:#464a50b3;box-shadow:inset 0 1px #fff6,inset 0 -1px #0006,0 3px 8px #1e232824;text-decoration:none}#share:hover{background:linear-gradient(155deg,#65696f,#303338)}#copy-link{padding:0}.motion-control button{font-size:11px;min-height:44px}.slider-control>span{margin-bottom:8px}input[type=range]{--fill:50%;width:100%;height:42px;margin:0;padding:0;display:block;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:10px;background:linear-gradient(90deg,rgba(90,100,116,.48) 0 var(--fill),rgba(255,255,255,.3) var(--fill) 100%);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 3px #282d3738,0 1px #ffffff8c}input[type=range]::-moz-range-track{height:6px;border-radius:10px;background:linear-gradient(90deg,rgba(90,100,116,.48) 0 var(--fill),rgba(255,255,255,.3) var(--fill) 100%);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 3px #282d3738,0 1px #ffffff8c}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.88);background:radial-gradient(ellipse at 28% 18%,#fffffffa,#ffffff26 48%),linear-gradient(140deg,#e9e9e9,#aeb7c2 65%,#e7d6b6);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #3c4b6440,0 2px 5px #19233238}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.88);background:radial-gradient(ellipse at 28% 18%,#fffffffa,#ffffff26 48%),linear-gradient(140deg,#e9e9e9,#aeb7c2 65%,#e7d6b6);box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px #3c4b6440,0 2px 5px #19233238}input[type=range]:focus-visible{border-radius:10px;outline-offset:2px}@media(max-width:700px){.scene-buttons{gap:4px}.scene-buttons button{padding:9px 8px}.motion-control{flex-wrap:wrap;gap:10px}}.playground-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:clamp(18px,3vw,48px)}.playground-row>*,.slider-row>*{min-width:0}.scene-buttons{flex-wrap:wrap;gap:4px 12px}.scene-buttons button{min-height:44px;padding:8px 0}.slider-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,64px)}.slider-control>span{flex-wrap:wrap;row-gap:5px}.actions{max-width:none}input[type=range]{height:44px}#share-link{font-size:16px}footer>span:last-child{text-align:left}@media(max-width:1000px){.playground-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 24px}.text-control{grid-column:1/-1}.actions{align-self:center}.stage{height:52svh;min-height:300px}}@media(max-width:600px){.slider-row{grid-template-columns:minmax(0,1fr);gap:16px}.slider-control:last-of-type{grid-column:auto}.playground-row{column-gap:16px}.scene-buttons{gap:4px 12px}.stage{height:46svh;min-height:260px}.stage-caption{padding:12px 0}#instructions{max-width:100%}.motion-control{flex-wrap:wrap;gap:0 12px}footer{height:auto;min-height:64px;padding:18px 0}footer>span{max-width:none}}@media(max-width:380px){.playground-row{grid-template-columns:minmax(0,1fr);gap:16px}.text-control{grid-column:auto}.actions{justify-content:flex-start}}@media(max-height:500px)and (orientation:landscape){header{height:64px}.stage,.preview .stage{height:65svh;min-height:230px}}