.reel-page{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.rp-bar{min-height:68px;padding-block:calc(10px + env(safe-area-inset-top,0px)) 12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rp-bar .sheet-x{color:#fff;background:#ffffff29}.rp-bar .meta{color:var(--on-cobalt)}.rp-bar-title{gap:2px;min-width:0;display:grid}.rp-bar-title h1{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;line-height:1.05;display:-webkit-box;overflow:hidden}.rp-grid{align-items:start;gap:22px;padding-top:20px;display:grid}.rp-preview{background:var(--stage,#0d0d12);color:#f4f1ea;--text:#f4f1ea;--muted:#a9a8b4;--line:#f4f1ea24;--mark:var(--a);--on-mark:#0d0d12;--raised-2:#2e2d3b;border-radius:30px;order:-1;justify-items:center;gap:12px;padding:22px 14px 16px;display:grid;position:relative;overflow:hidden}.rp-preview:before{content:"";background:var(--sun);pointer-events:none;width:44px;height:44px;position:absolute;top:18px;right:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 4C31 20 34 27 56 30C35 33 31 38 30 56C29 38 25 33 4 30C25 27 29 20 30 4Z' fill='none' stroke='%23000' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 4C31 20 34 27 56 30C35 33 31 38 30 56C29 38 25 33 4 30C25 27 29 20 30 4Z' fill='none' stroke='%23000' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.rp-frame{aspect-ratio:9/16;width:min(100%,360px,56.25svh - 168.75px);min-width:220px;box-shadow:0 0 0 1px var(--line), 0 30px 60px -30px #000;background:#000;border:7px solid #26252e;border-radius:30px;position:relative;overflow:hidden}.rp-frame canvas{width:100%;height:100%;display:block}.rp-making{color:#f3f0e8;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e0d12b8;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.rp-making-title{font-size:28px}.ring{place-items:center;display:grid;position:relative}.ring circle{transition:stroke-dashoffset .3s}.ring-n{font-size:16px;position:absolute}.rp-controls{align-items:center;gap:10px;width:min(100%,360px);display:flex}.rp-play{background:var(--action);width:48px;height:48px;color:var(--on-action);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.rp-play svg{fill:currentColor}.rp-play:disabled{opacity:.4;cursor:not-allowed}.rp-scrub{min-width:0;accent-color:var(--mark);flex:1;min-height:44px}.rp-time{color:var(--muted);white-space:nowrap}.rp-side{align-content:start;gap:16px;min-width:0;display:grid}.rp-tools{z-index:20;padding:8px max(8px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));background:var(--bar);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.rp-tool{min-height:56px;color:var(--muted);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:3px;padding:6px 0;font-size:11.5px;font-weight:700;display:grid}.rp-tool[aria-selected=true]{background:var(--surface);color:var(--text)}.rp-tool[aria-selected=true] .ico{color:var(--icon)}.rp-panel{min-height:120px}.rp-panel-title{font-size:15px;font-weight:800}.rp-panel-title .muted{font-weight:500}.rp-stops{margin:0;padding:0;list-style:none;display:grid}.rp-stop{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"n name add"".thumbs thumbs";align-items:center;gap:8px 10px;padding:10px 0;display:grid}.rp-stop:first-child{border-top:0}.rp-n{background:var(--cobalt);color:#fff;border-radius:50%;grid-area:n;place-items:center;width:28px;height:28px;font-size:13px;font-weight:900;font-stretch:110%;display:grid}.rp-stop-name{grid-area:name;min-width:0;display:grid}.rp-add{cursor:pointer;grid-area:add}.rp-add:focus-within{outline:3px solid var(--focus);outline-offset:2px}.rp-add[aria-disabled=true]{opacity:.5;pointer-events:none}.rp-thumbs{flex-wrap:wrap;grid-area:thumbs;gap:8px;display:flex}.rp-thumbs:empty{display:none}.rp-thumb{background:var(--raised);border-radius:12px;width:64px;height:64px;position:relative;overflow:hidden}.rp-thumb img,.rp-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.rp-thumb-len{color:#f3f0e8;background:#0e0d12d1;border-radius:6px;padding:1px 5px;font-size:10px;position:absolute;bottom:4px;left:4px}.rp-thumb button{color:#fff;cursor:pointer;background:#0e0d12cc;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:3px;right:3px}.rp-shots{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rp-shot-row{border:1px solid var(--hair);background:var(--field);border-radius:14px;display:grid;overflow:hidden}.rp-shot-row[data-skipped]{background:0 0;border-style:dashed}.rp-shot-row[data-skipped] .rp-shot-name{opacity:.6}.rp-shot{width:100%;min-height:52px;color:var(--text);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}div.rp-shot{cursor:default}.rp-shot:focus-visible{outline-offset:-3px;border-radius:14px}.rp-shot[aria-expanded=true]{background:var(--choice-on)}.rp-shot-n{background:var(--raised);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;transition:background-color .18s,color .18s;display:grid}.rp-shot[aria-current=true] .rp-shot-n{background:var(--mark);color:var(--on-mark)}.rp-shot-name{min-width:0;display:grid}.rp-shot-name b{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.rp-shot-name small{color:var(--muted);font-size:12.5px}.rp-shot-len{color:var(--muted)}.rp-shot-edit{border-top:1px solid var(--hair);gap:14px;padding:12px 12px 14px;display:grid}.rp-chips-group{gap:6px;display:grid}.rp-chips-label{color:var(--muted);font-size:13px;font-weight:800}.rp-chips{flex-wrap:wrap;gap:6px;display:flex}.rp-chip{border:1px solid var(--hair);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-content:center;justify-items:center;padding:4px 12px;font-size:14px;font-weight:700;line-height:1.15;transition:background-color .18s,color .18s;display:inline-grid}.rp-chip small{color:var(--muted);font-size:11px;font-weight:600}.rp-chip[aria-checked=true]{background:var(--mark);color:var(--on-mark);border-color:#0000}.rp-chip[aria-checked=true] small{color:inherit;opacity:.8}.rp-chip:disabled{opacity:.45;cursor:not-allowed}.rp-picks{flex-wrap:wrap;gap:8px;display:flex}.rp-pick{background:var(--raised);cursor:pointer;border:2px solid #0000;border-radius:12px;width:56px;height:56px;padding:0;overflow:hidden}.rp-pick img,.rp-pick video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.rp-pick[aria-checked=true]{border-color:var(--select)}@media (prefers-reduced-motion:reduce){.rp-shot-n,.rp-chip{transition:none}}.rp-export{gap:14px;padding:20px;scroll-margin-top:16px;display:grid}.quality{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quality-opt{border:1px solid var(--hair);background:var(--field);opacity:.6;border-radius:14px;gap:2px;padding:12px;display:grid}.quality-opt.is-on{opacity:1;border:2px solid var(--select);padding:11px}.quality-toggle{cursor:pointer;position:relative}.quality-toggle b{padding-right:28px}.quality-toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.quality-toggle:has(input:focus-visible){outline:3px solid var(--ring);outline-offset:2px}.quality-toggle:before{content:"";border:2px solid var(--line-strong);box-sizing:border-box;border-radius:6px;width:20px;height:20px;position:absolute;top:12px;right:12px}.quality-toggle.is-on:before{border-color:var(--mark);background:var(--mark)}.quality-toggle.is-on:after{content:"";background:var(--on-mark);width:20px;height:20px;-webkit-mask:var(--check) center / 12px no-repeat;-webkit-mask:var(--check) center / 12px no-repeat;mask:var(--check) center / 12px no-repeat;position:absolute;top:12px;right:12px}.rp-progress{width:100%;height:10px;accent-color:var(--mark)}.rp-result{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.rp-video{aspect-ratio:9/16;background:#000;border-radius:14px;width:100%}.rp-ready{font-size:34px}.hd-upsell{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:var(--text);text-align:left;cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.hd-upsell>span:first-child{gap:2px;display:grid}.hd-upsell-go{background:var(--action);color:var(--on-action);border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:800}.no-video{background:var(--raised);border-radius:16px;gap:10px;padding:14px;display:grid}.no-video-title{font-size:28px}.hd-list{gap:10px;margin:0 0 18px;padding:0;font-weight:600;list-style:none;display:grid}.hd-list li{align-items:flex-start;gap:10px;display:flex}.hd-list .ico{color:var(--icon);margin-top:2px}@media (width<=1023px){.reel-page[data-tool=shots] .rp-preview,.reel-page[data-tool=text] .rp-preview{z-index:10;margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding:8px max(16px, env(safe-area-inset-left,0px));background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);place-items:center stretch;gap:6px 14px;position:sticky;top:0}.reel-page[data-tool=shots] .rp-frame,.reel-page[data-tool=text] .rp-frame{width:112px;min-width:0;box-shadow:0 0 0 1px var(--line);border-radius:12px}.reel-page[data-tool=shots] .rp-controls,.reel-page[data-tool=text] .rp-controls{flex-wrap:wrap;width:100%}.reel-page[data-tool=shots] .rp-scrub,.reel-page[data-tool=text] .rp-scrub{flex:100%;order:-1}.reel-page[data-tool=shots] .rp-preview>.toggle,.reel-page[data-tool=text] .rp-preview>.toggle{display:none}}@media (width<=420px){.rp-result{grid-template-columns:1fr}.rp-video{width:min(100%,220px)}}@media (width>=1024px){.reel-page{padding-bottom:0}.rp-bar-export{display:none}.rp-bar-title h1{font-size:30px}.rp-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr) minmax(0,330px);gap:32px}.rp-preview{order:0;position:sticky;top:16px}.rp-frame{width:min(100%,400px,56.25svh - 106.875px)}.rp-side{position:sticky;top:16px}.rp-tools{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px;padding:4px;position:static}.rp-tool[aria-selected=true]{background:var(--text);color:var(--bg)}.rp-tool[aria-selected=true] .ico{color:var(--bg)}.rp-export{position:sticky;top:16px}.rp-result{grid-template-columns:1fr}.rp-video{width:min(100%,220px)}}:root[data-theme=light] .hd-upsell{border-color:var(--line-strong)}@media (width<=1023px){:root[data-theme=light] .rp-tools{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=light] .rp-tool{color:var(--on-cobalt)}:root[data-theme=light] .rp-tool[aria-selected=true]{color:var(--ink);background:#fff}:root[data-theme=light] .rp-tool[aria-selected=true] .ico{color:var(--cobalt)}}@media (width<=360px){.rp-tool{font-size:10.5px}}@media (width<=1023px){.reel-page[data-tool=shots] .rp-preview,.reel-page[data-tool=text] .rp-preview{background:var(--stage,#0d0d12);border-radius:0 0 22px 22px}.reel-page[data-tool=shots] .rp-preview:before,.reel-page[data-tool=text] .rp-preview:before{display:none}}