:root{--bg: #000;--ink: #ecebe6;--ash: #8c8c86;--dim: #55554f;--line: rgba(236, 235, 230, .14);--line2: rgba(236, 235, 230, .28);--glass: rgba(9, 9, 10, .74);--accent: #f4f4f2;--rec: #ff3b30;--f-ui: "Space Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--f-display: "Anton", "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 13px/1.45 var(--f-ui);letter-spacing:.005em;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--ink);color:#000}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{position:fixed;inset:0;height:100dvh;background:#000;overflow:hidden}.gl{display:block;width:100%;height:100%;touch-action:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:2px;white-space:nowrap;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease)}.btn.primary{background:var(--ink);color:#000}.btn.primary:hover:not(:disabled){background:#fff}.btn.primary:active:not(:disabled){transform:translateY(1px)}.btn.ghost{border:1px solid var(--line2);color:var(--ink)}.btn.ghost:hover:not(:disabled){border-color:var(--ink);background:#ffffff0d}.btn.big{height:52px;padding:0 28px;font-size:12.5px}.btn.wide{width:100%}.link{font-size:10.5px;letter-spacing:.16em;color:var(--ash);text-decoration:underline;text-underline-offset:4px;text-transform:uppercase}.link:hover{color:var(--ink)}.icon{width:36px;height:36px;display:inline-grid;place-items:center;color:var(--ash);border-radius:2px;flex:none;transition:color .2s,background .2s}.icon:hover:not(:disabled){color:var(--ink)}.icon.on{color:#000;background:var(--ink)}.icon.sm{width:28px;height:28px}.landing{position:absolute;inset:0;background:#000;overflow:hidden}.landing-stage{position:absolute;inset:0}.landing-fallback{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(90px,22vw,360px)/1 var(--f-display);letter-spacing:.02em}.mark{display:inline-flex;align-items:center;gap:10px;font:400 15px/1 var(--f-display);letter-spacing:.18em;color:var(--ink)}.mark i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.ln-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(18px,3vw,40px);z-index:2}.ln-hero{position:absolute;left:0;right:0;bottom:clamp(70px,12vh,130px);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;z-index:2;pointer-events:none}.ln-hero>*{pointer-events:auto}.tagline{margin:0;font-size:clamp(11px,1.2vw,15px);font-weight:500;letter-spacing:.46em;padding-left:.46em}.ln-cta{display:flex;gap:12px}.ln-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:24px;padding:18px clamp(18px,3vw,40px);color:var(--ash);font-size:10.5px;letter-spacing:.16em;z-index:2;pointer-events:none}.ln-foot .hint{letter-spacing:.02em;font-size:12px;text-align:right}.studio{position:absolute;inset:0;display:grid;background:#000;grid-template-columns:1fr auto 1fr;grid-template-rows:56px minmax(0,1fr) auto;grid-template-areas:"brand tabs actions" "stage stage stage" "time time time"}.studio[hidden]{display:none}.brand{grid-area:brand;display:flex;align-items:center;padding-left:20px;z-index:7}.tabs{grid-area:tabs;display:flex;align-items:stretch;gap:2px;z-index:7}.tabs button{position:relative;padding:0 16px;font-size:11.5px;font-weight:500;letter-spacing:.18em;color:var(--ash);transition:color .2s}.tabs button:hover,.tabs button.on{color:var(--ink)}.tabs button:after{content:"";position:absolute;left:16px;right:16px;bottom:11px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .35s var(--ease)}.tabs button.on:after{transform:scaleX(1)}.actions{grid-area:actions;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-right:20px;z-index:7}.actions .btn{height:36px;padding:0 14px}.rec-btn{border:1px solid var(--line2)}.rec-btn:hover,.rec-btn.on{border-color:var(--ink);background:#ffffff0f}.rec-btn .dot{width:9px;height:9px;border-radius:50%;background:var(--rec);box-shadow:0 0 10px #ff3b30b3}.stage{grid-area:stage;position:relative;container-type:size;min-width:0;min-height:0}@media(min-width:761px){.studio.has-panel .stage{margin-left:372px}}.frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(100cqw - 24px),calc((100cqh - 24px) * var(--arn)));aspect-ratio:var(--ar);background:#040404;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 40px 120px #000000e6;touch-action:none;-webkit-user-select:none;user-select:none;container-type:inline-size}.gl-slot{position:absolute;inset:0}.stage.drag .frame{box-shadow:0 0 0 2px var(--ink),0 40px 120px #000000e6}.dropveil{position:absolute;inset:0;display:grid;place-items:center;background:#0000009e;font:400 clamp(40px,7vw,96px)/1 var(--f-display);letter-spacing:.04em;pointer-events:none;z-index:8}.chip-loading{position:absolute;left:12px;top:12px;font-size:10.5px;letter-spacing:.2em;color:var(--ash);z-index:4}.nogl{position:absolute;inset:0;display:grid;align-content:center;gap:8px;padding:24px;text-align:center;color:var(--ash)}.nogl b{color:var(--ink);font:400 28px/1.1 var(--f-display);letter-spacing:.04em}.drophero{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:3;background:linear-gradient(to top,#000000d1,#0000 52%);pointer-events:none}.drophero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:center;text-align:center;padding:0 20px 7%;width:100%;pointer-events:auto}.dh-title{margin:0;font:400 clamp(20px,8.4cqw,54px)/1 var(--f-display);letter-spacing:.04em;white-space:nowrap}.dh-actions{display:grid;gap:8px;width:100%;max-width:250px}.dh-note{margin:0;color:var(--ash);font-size:11.5px;line-height:1.45;max-width:30ch}.panel{grid-area:stage;align-self:start;justify-self:start;z-index:6;margin:12px 0 12px 20px;width:min(344px,calc(100vw - 40px));max-height:calc(100% - 24px);display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--glass);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--line);border-radius:3px;box-shadow:0 24px 70px #0009;animation:panelIn .38s var(--ease)}@keyframes panelIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.panel-x{position:absolute;top:6px;right:6px;z-index:2}.panel-scroll{overflow:auto;padding:4px 18px 20px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}.sec{margin-top:20px}.sec:first-child{margin-top:12px}.sec>header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid var(--line)}.sec h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.22em}.sec .aside{color:var(--ash);font-size:10px;letter-spacing:.16em;margin-right:34px}.sec:not(:first-child) .aside{margin-right:0}.help{color:var(--ash);font-size:11.5px;line-height:1.5;margin:9px 0 0}.help.warn{color:#ffb4a8}.field{display:grid;gap:7px;margin:12px 0;position:relative}.field>span,.slider-head label{font-size:10.5px;letter-spacing:.18em;color:var(--ash)}.field .res{color:var(--dim);font-size:10.5px;letter-spacing:.1em}.field textarea{width:100%;resize:none;padding:10px 12px;background:#ffffff0a;border:1px solid var(--line);border-radius:2px;font:500 16px/1.25 var(--f-ui);color:var(--ink)}.field textarea::placeholder{color:var(--dim)}.field textarea:focus{border-color:var(--ink);background:#ffffff12}.row{display:flex;gap:8px;margin-top:12px}.row .btn{flex:1;height:36px}.dz{display:grid;gap:8px}.choice{display:flex;gap:4px;flex-wrap:wrap}.choice:not(.wrap) button{flex:1 1 0}.choice button{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:2px;font-size:10.5px;letter-spacing:.12em;color:var(--ash);transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.choice button:hover{color:var(--ink);border-color:var(--line2)}.choice button.on{background:var(--ink);border-color:var(--ink);color:#000}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tile{height:38px;padding:0 12px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);border-radius:2px;font-size:11px;letter-spacing:.15em;color:var(--ash);transition:color .15s,border-color .15s,background .15s}.tile:hover{color:var(--ink);border-color:var(--line2)}.tile.on{color:var(--ink);border-color:var(--accent);background:#ffffff0f}.mat-chip{width:14px;height:14px;border-radius:50%;flex:none;background:#888}.mat-chip[data-m=chrome]{background:linear-gradient(160deg,#fff,#777 38%,#111 52%,#bbb 70%,#fff)}.mat-chip[data-m=glass]{background:radial-gradient(circle at 35% 30%,#fffffff2,#96c8ff59 45%,#283c5a80);box-shadow:inset 0 0 0 1px #ffffff80}.mat-chip[data-m=liquid]{background:radial-gradient(circle at 40% 30%,#fff,#8d9aa8 40%,#222 80%)}.mat-chip[data-m=particle]{background:radial-gradient(circle,#fff 0 1px,transparent 1.6px) 0 0/4px 4px,#111;box-shadow:inset 0 0 0 1px var(--line2)}.mat-chip[data-m=neon]{background:transparent;box-shadow:0 0 6px var(--accent),inset 0 0 4px var(--accent);border:1.5px solid #fff}.mat-chip[data-m=paper]{background:#e8e3d8;box-shadow:2px 2px #9a958b;border-radius:2px}.mat-chip[data-m=pixel]{background:conic-gradient(#fff 25%,#333 0 50%,#fff 0 75%,#333 0) 0 0/6px 6px;border-radius:0}.mat-chip[data-m=organic]{background:radial-gradient(circle at 40% 35%,#ffd9c9,#d96b55 60%,#7a2a24);border-radius:55% 45% 50% 50%}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.swatch{display:grid;gap:5px;padding:4px;border:1px solid transparent;border-radius:2px;text-align:left}.swatch i{display:block;height:30px;border-radius:1px}.swatch span{font-size:10px;letter-spacing:.16em;color:var(--ash);padding-left:1px}.swatch:hover span{color:var(--ink)}.swatch.on{border-color:var(--ink)}.swatch.on span{color:var(--ink)}.custom-palette-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;padding:10px;background:#ffffff08;border:1px solid var(--line);border-radius:3px}.cp-item{display:flex;flex-direction:column;gap:4px}.cp-item label{font-size:9.5px;letter-spacing:.12em;color:var(--ash)}.cp-input-wrap{display:flex;align-items:center;gap:6px;background:#0006;border:1px solid var(--line);border-radius:2px;padding:3px 6px}.cp-input-wrap input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:18px;height:18px;border-radius:2px;cursor:pointer;background:transparent;padding:0}.cp-input-wrap input[type=color]::-webkit-color-swatch-wrapper{padding:0}.cp-input-wrap input[type=color]::-webkit-color-swatch{border:1px solid rgba(255,255,255,.25);border-radius:2px}.cp-input-wrap span{font-size:10px;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.05em}.slider{margin:12px 0}.slider-head{display:flex;justify-content:space-between;align-items:baseline}.slider-head output{font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;--p: 50%}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--ink) var(--p),var(--line2) var(--p))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--ink);border:0;transition:transform .15s}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}input[type=range]::-moz-range-track{height:2px;background:var(--line2)}input[type=range]::-moz-range-progress{height:2px;background:var(--ink)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--ink);border:0}input[type=range]:disabled{opacity:.4}.switch{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:8px 0}.sw-track{position:relative;flex:none;width:32px;height:18px;margin-top:1px;border:1px solid var(--line2);border-radius:9px;transition:background .2s,border-color .2s}.sw-knob{position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--ash);transition:transform .25s var(--ease),background .2s}.switch.on .sw-track{background:var(--ink);border-color:var(--ink)}.switch.on .sw-knob{transform:translate(14px);background:#000}.sw-label{display:grid;gap:2px;font-size:11px;letter-spacing:.16em;font-weight:500}.sw-label small{font-size:11.5px;letter-spacing:.01em;font-weight:400;color:var(--ash)}.audio-card{display:grid;gap:4px}.ac-name{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:10px 0 0}.facts div{display:grid;gap:1px;padding-top:7px;border-top:1px solid var(--line)}.facts dt{font-size:9.5px;letter-spacing:.2em;color:var(--ash)}.facts dd{margin:0;font-size:15px;font-variant-numeric:tabular-nums}.progress{position:relative;height:28px;margin:12px 0 2px;border:1px solid var(--line);overflow:hidden}.progress i{position:absolute;inset:0 auto 0 0;background:#ffffff29;transition:width .2s}.progress span{position:relative;display:block;line-height:26px;padding:0 10px;font-size:10.5px;letter-spacing:.18em}.vol{display:flex;align-items:flex-end;gap:6px}.vol .slider{flex:1;margin:0}.file-chip{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:2px;font-size:12px}.file-chip img{width:34px;height:34px;object-fit:contain;background:#111}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bay{position:relative;display:flex;justify-content:space-between;margin:2px 0 6px}.bay-col{display:flex;flex-direction:column;width:96px;position:relative;z-index:1}.bay-svg{position:absolute;top:0;left:96px;right:96px;width:calc(100% - 192px);pointer-events:none;overflow:visible}.bay-drag{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:visible}.bay-drag path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 3}.node{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid var(--line);margin-top:-1px;font-size:10px;letter-spacing:.13em;color:var(--ash);text-align:left;overflow:hidden;touch-action:none;transition:color .15s,background .15s}.bay-col .node:first-child{margin-top:0}.node b{font-weight:600}.node:hover,.node.used{color:var(--ink)}.node.armed{background:var(--ink);color:#000}.node.linked{background:#ffffff1f;color:var(--ink)}.node .meter{position:absolute;left:0;right:0;bottom:0;height:2px}.node .meter i{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.node.armed .meter i{background:#000}.wire{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-opacity:.6}.wire.sel{stroke:#fff}.wire-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.inspector{margin-top:10px;padding:10px 12px 2px;border:1px solid var(--line);border-radius:2px}.insp-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.14em}.keys{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:3px}.keys li{display:flex;align-items:center;gap:2px}.keygo{flex:1;display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;text-align:left;padding:7px 9px;border:1px solid var(--line);border-radius:2px;font-size:11px}.keygo span{color:var(--ash);font-variant-numeric:tabular-nums}.keygo b{font-weight:500;letter-spacing:.12em}.keygo em{font-style:normal;color:var(--ash)}.keygo:hover{border-color:var(--line2)}.timeline{grid-area:time;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"l w r";align-items:center;gap:20px;padding:10px 20px 16px;border-top:1px solid var(--line);background:#000;z-index:5}.tl-left{grid-area:l;display:flex;align-items:center;gap:14px}.tl-right{grid-area:r;display:flex;align-items:center;gap:2px}.play{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:2px;transition:background .2s,color .2s,border-color .2s}.play:hover:not(:disabled){border-color:var(--ink)}.play[aria-label=Pause]{background:var(--ink);color:#000;border-color:var(--ink)}.clock{display:flex;gap:6px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ash);min-width:74px}.clock span:first-child{color:var(--ink)}.clock i{font-style:normal;opacity:.5}.tl-wave{grid-area:w;position:relative;height:70px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.tl-wave.empty{cursor:default}.wv{position:absolute;inset:0;width:100%;height:100%}.wv.played{clip-path:inset(0 100% 0 0)}.keylane{position:absolute;left:0;right:0;top:0;height:14px;pointer-events:none}.kd{position:absolute;top:1px;transform:translate(-50%);color:var(--accent);pointer-events:auto;width:14px;height:12px;display:grid;place-items:center}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:-3px;width:7px;height:7px;background:var(--ink);transform:rotate(45deg) translate(1px,-1px)}.tl-hint{position:absolute;inset:0;display:grid;place-items:center;color:var(--dim);font-size:11px;letter-spacing:.18em;text-transform:uppercase;pointer-events:none}.speeds{display:flex;margin:0 6px}.speeds button{height:28px;padding:0 8px;font-size:10.5px;color:var(--ash);border-radius:2px}.speeds button:hover{color:var(--ink)}.speeds button.on{color:#000;background:var(--ink)}.speed-cycle{display:none;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:2px;font-size:11px}.studio.is-rendering{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"stage"}.studio.is-rendering>:not(.stage){display:none}.studio.is-rendering .stage{margin-left:40vw;margin-right:3vw}.studio.is-rendering .drophero{display:none}.studio.cinema{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"stage"}.studio.cinema>:not(.stage):not(.cinema-exit){display:none}.studio.cinema .frame{width:min(100cqw,calc(100cqh * var(--arn)));box-shadow:none}.studio.cinema .drophero{display:none}.cinema-exit{position:fixed;top:16px;right:16px;z-index:30;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line2);border-radius:2px;background:#00000080;font-size:10.5px;letter-spacing:.18em;opacity:0;transition:opacity .4s}.cinema-exit.show,.cinema-exit:focus-visible{opacity:1}.rendering{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;align-items:center;padding:0 5vw}.rd-text{width:min(31vw,440px);display:grid;gap:18px;pointer-events:auto}.rd-kicker{margin:0;font-size:11px;letter-spacing:.32em;color:var(--ash)}.rd-stages{list-style:none;margin:0;padding:0;display:grid;gap:4px}.rd-stages li{position:relative;padding-bottom:5px;font:400 clamp(22px,2.8vw,38px)/1.1 var(--f-display);letter-spacing:.03em;color:#3b3b38;transition:color .5s}.rd-stages li.past{color:#85857f}.rd-stages li.now{color:var(--ink)}.rd-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform-origin:left;transition:transform .2s linear}.rd-note{display:flex;align-items:baseline;gap:14px;margin:0;color:var(--ash);font-size:12px;font-variant-numeric:tabular-nums}.rd-note b{color:var(--ink);font:400 34px/1 var(--f-display);letter-spacing:.02em}.rd-text .btn{justify-self:start}.rd-ready{margin:0;font:400 clamp(44px,7.4vw,118px)/.9 var(--f-display);letter-spacing:.01em;animation:ready .9s var(--ease)}@keyframes ready{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.result{position:absolute;inset:0;z-index:25;background:#000;overflow:auto;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(300px,1fr);grid-template-areas:"head media side" "foot foot foot";grid-template-rows:minmax(0,1fr) auto;gap:clamp(20px,3.4vw,64px);padding:clamp(18px,3vw,44px);align-items:center;animation:resultIn .8s var(--ease)}@keyframes resultIn{0%{opacity:0}to{opacity:1}}.rs-head{grid-area:head;min-width:0}.rs-head h1{margin:0;display:grid;font:400 clamp(44px,6vw,132px)/.92 var(--f-display);letter-spacing:.005em}.rs-head h1 span{display:block;white-space:nowrap}.rs-head .out{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.rs-media{grid-area:media;height:min(80dvh,900px);width:calc(min(80dvh,900px) * var(--ar));max-width:100%;background:#050505;box-shadow:0 0 0 1px var(--line),0 40px 120px #000c}.rs-media video,.rs-media img{display:block;width:100%;height:100%;object-fit:contain;background:#000}.rs-side{grid-area:side;display:grid;gap:22px;align-content:center;justify-items:start;max-width:380px;min-width:0}.rs-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.rs-actions .primary{grid-column:1 / -1}.rs-actions .btn{padding:0 14px;min-width:0}.rs-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;width:100%;margin:0}.rs-facts div{display:grid;gap:2px;padding-top:8px;border-top:1px solid var(--line);min-width:0}.rs-facts dt{font-size:9.5px;letter-spacing:.2em;color:var(--ash)}.rs-facts dd{margin:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-private{margin:0;color:var(--ash);font-size:12px}.rs-foot{grid-area:foot;text-align:center;font-size:10.5px;letter-spacing:.4em;color:var(--dim);padding-left:.4em}@media(max-width:1180px)and (min-width:761px){.result{grid-template-columns:minmax(300px,1fr) auto;grid-template-areas:"head media" "side media" "foot foot";grid-template-rows:auto 1fr auto;align-items:start;gap:24px clamp(24px,4vw,56px)}.rs-head{align-self:end}.rs-head h1{font-size:clamp(44px,7vw,96px)}.rs-side{align-self:start}.rs-media{height:min(74dvh,800px);width:calc(min(74dvh,800px) * var(--ar));grid-row:1 / 3;align-self:center}}.discover{position:fixed;inset:0;z-index:40;overflow:auto;padding:clamp(18px,3vw,44px);background:#000000f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:resultIn .4s var(--ease)}.dc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px}.dc-head h2{margin:0 0 8px;font:400 clamp(44px,6vw,84px)/.95 var(--f-display);letter-spacing:.01em}.dc-head p{margin:0;color:var(--ash);max-width:46ch;font-size:14px}.dc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px) clamp(12px,1.6vw,22px);padding-bottom:40px}.dc-card{display:flex;flex-direction:column;gap:14px}.dc-media{position:relative;aspect-ratio:9 / 16;background:#050505;overflow:hidden;border:1px solid var(--line);cursor:pointer;transition:border-color .3s}.dc-media img,.dc-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.dc-media canvas{z-index:2}.dc-card.on .dc-media{border-color:var(--pa, var(--ink))}.dc-wait{position:absolute;inset:0;background:linear-gradient(110deg,#070707 30%,#121212,#070707 70%) 0 0/200% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.dc-meta h3{margin:0;font:400 28px/1 var(--f-display);letter-spacing:.03em}.dc-meta p{margin:6px 0 10px;color:var(--ash);font-size:12.5px;line-height:1.5;min-height:3em}.dc-meta small{display:flex;gap:14px;margin-bottom:12px;color:var(--dim);font-size:10px;letter-spacing:.18em}.dc-meta .btn{width:100%;height:38px}.park{position:fixed;left:-9999px;top:0;width:270px;height:480px;overflow:hidden;pointer-events:none}.wipe{position:fixed;inset:0;z-index:100;pointer-events:none;display:none}.wipe:before,.wipe:after{content:"";position:absolute;left:0;right:0;height:50.2%;background:#000;transform:scaleY(0)}.wipe:before{top:0;transform-origin:top}.wipe:after{bottom:0;transform-origin:bottom}.wipe.close{display:block;pointer-events:all}.wipe.close:before,.wipe.close:after{animation:wipeIn .46s var(--ease) forwards}.wipe.open{display:block}.wipe.open:before,.wipe.open:after{transform:scaleY(1);animation:wipeOut .62s var(--ease) .05s forwards}@keyframes wipeIn{to{transform:scaleY(1)}}@keyframes wipeOut{to{transform:scaleY(0)}}.toast{position:fixed;left:50%;bottom:118px;transform:translate(-50%,10px);max-width:min(520px,calc(100vw - 32px));padding:11px 16px;background:#0c0c0df0;border:1px solid var(--line2);border-radius:2px;font-size:12.5px;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease);z-index:120}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.actions .surprise span,.actions .cin span{display:none}.actions .surprise,.actions .cin{padding:0 10px}.tabs button{padding:0 11px}.dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result{display:flex;flex-direction:column;align-items:center;gap:22px}.rs-head{align-self:stretch}.rs-head h1{font-size:clamp(40px,12.5vw,96px)}.rs-media{height:auto;width:min(100%,calc(62dvh * var(--ar)));aspect-ratio:var(--ar)}.rs-side{max-width:none;width:100%;justify-items:stretch}}@media(max-width:760px){.studio{grid-template-columns:1fr auto;grid-template-rows:48px minmax(0,1fr) auto auto;grid-template-areas:"brand actions" "stage stage" "time time" "tabs tabs"}.brand{padding-left:16px}.actions{padding-right:12px;gap:6px}.tabs{justify-content:space-around;height:52px;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#000}.tabs button{flex:1;padding:0;font-size:11px}.tabs button:after{left:22%;right:22%;bottom:0}.panel{grid-area:stage;align-self:end;justify-self:stretch;margin:0;width:auto;max-height:min(48%,420px);border-radius:0;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -20px 50px #0000008c;animation:sheetIn .34s var(--ease);background:#080809ed;z-index:6}@keyframes sheetIn{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.panel-scroll{padding:2px 16px 16px}.frame{width:min(calc(100cqw - 8px),calc((100cqh - 8px) * var(--arn)))}.timeline{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"l w" "r r";gap:8px 12px;padding:8px 14px 10px}.tl-left{gap:10px}.play{width:42px;height:42px}.clock{min-width:0;flex-direction:column;gap:0;font-size:11px}.clock i{display:none}.tl-wave{height:54px}.tl-right{justify-content:space-between}.speeds{display:none}.speed-cycle{display:inline-block}.studio.is-rendering .stage{margin:52px 0 238px}.rendering{align-items:flex-end;padding:0 20px 26px}.rd-text{width:100%;gap:12px}.rd-stages li{font-size:20px}.toast{bottom:150px}.ln-top{padding:16px}.ln-hero{bottom:78px;gap:20px;padding:0 20px}.ln-cta{flex-direction:column;width:100%;max-width:320px}.ln-cta .btn{width:100%}.ln-foot{flex-direction:column;gap:4px;padding:14px 16px}.ln-foot .hint{text-align:left}.discover{padding:16px}.rs-actions{grid-template-columns:1fr 1fr}}@media(max-height:560px)and (orientation:landscape){.studio{grid-template-rows:46px minmax(0,1fr) auto}.tl-wave{height:48px}.timeline{padding:6px 16px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-reduce="1"] .panel,:root[data-reduce="1"] .rd-ready{animation:none}.creator-badge{position:fixed;right:18px;bottom:14px;z-index:90;display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:9.5px;font-weight:600;letter-spacing:.16em;color:var(--ash, #999);background:#0a0a0fb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:4px 10px 4px 6px;border-radius:14px;cursor:pointer;transition:all .22s var(--ease);-webkit-user-select:none;user-select:none}.creator-badge img{width:15px;height:15px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:block}.creator-badge:hover{color:#fff;border-color:var(--accent, #00e5ff);box-shadow:0 0 12px #00e5ff59;transform:translateY(-1px)}.studio.cinema~.creator-badge,[data-screen=rendering] .creator-badge{opacity:0;pointer-events:none}@media(max-width:760px){.creator-badge{bottom:84px;right:12px}}
