:root{--bg:#0a0c11;--bg-raised:#12151d;--bg-input:#161a24;--border:#232936;--border-strong:#333c4d;--text:#e9edf5;--text-dim:#98a2b8;--accent:#8b5cf6;--accent-hot:#a855f7;--tap:#ff6b4a;--tap-soft:rgba(255,107,74,0.16);--switch-off:#2a3140;--ok:#2dd4a7;--warn:#fbbf24;--radius:12px;--surface-1:#12151d;--surface-2:#171b25;--surface-3:#1f2430;color-scheme:dark}:root[data-theme=light]{--bg:#f6f7fa;--bg-raised:#ffffff;--bg-input:#ffffff;--border:#e4e8f0;--border-strong:#c9d0dd;--text:#12151c;--text-dim:#59617a;--accent:#5b3fd6;--accent-hot:#9333ea;--ok:#0a7358;--warn:#b45309;color-scheme:light;--surface-1:#ffffff;--surface-2:#f1f3f8;--surface-3:#e5e9f1;--tap:#d94a26;--tap-soft:rgba(217,74,38,0.14);--switch-off:#c3cbdb}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);font-weight:500;transition:border-color .15s,background .15s,transform .05s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-hot));border-color:transparent;color:#fff}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.field{margin-bottom:18px}input[type=number],input[type=text],select{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-dim);font-size:13px;line-height:1.55}.infotip{position:relative;display:inline-flex;vertical-align:middle;margin-left:6px}.infotip-btn{width:15px;height:15px;padding:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-dim);font-size:10px;font-weight:700;font-family:Georgia,serif;line-height:1;display:grid;place-items:center;cursor:help;flex-shrink:0}.infotip-btn:focus-visible,.infotip-btn:hover{color:var(--text);border-color:var(--accent)}.infotip-bubble{position:absolute;bottom:calc(100% + 9px);left:-8px;width:236px;padding:9px 11px;border-radius:8px;background:#04060b;border:1px solid var(--border-strong);box-shadow:0 10px 28px rgba(0,0,0,.6);color:var(--text);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;white-space:normal;pointer-events:none;z-index:50;display:none}.infotip-btn:focus-visible+.infotip-bubble,.infotip:hover .infotip-bubble{display:block}.infotip-bubble:after{content:"";position:absolute;top:100%;left:13px;border:5px solid transparent;border-top:5px solid var(--border-strong)}.studio-col:last-of-type .infotip-bubble{left:auto;right:-8px}.studio-col:last-of-type .infotip-bubble:after{left:auto;right:13px}.appbar{justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-raised);position:-webkit-sticky;position:sticky;top:0;z-index:20}.appbar,.appbar-brand{display:flex;align-items:center}.appbar-brand{flex-shrink:0}.only-narrow{display:none}.section-title{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:14px;font-weight:600;letter-spacing:-.1px;color:var(--text)}.step{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:var(--bg-input);border:1px solid var(--border-strong);font-size:11px;font-weight:700;flex-shrink:0}.section-note,.step{color:var(--text-dim)}.section-note{margin:-8px 0 14px;font-size:12px}.swatch{width:30px;height:30px;border-radius:9px;flex-shrink:0}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));grid-gap:6px;gap:6px}.hint{margin:6px 0 0;font-size:12px}.legal-summary{margin:0 0 28px;padding:16px 18px;border-left-color:var(--border-strong);border-left-width:1px;border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 5%,transparent)}.legal-summary-label{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.legal-summary ul{margin:0;-webkit-padding-start:20px;padding-inline-start:20px}.legal-summary li{margin-bottom:6px;font-size:14px}.legal-summary-note{margin:12px 0 0;font-size:12.5px;color:var(--text-dim)}.account-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;max-width:820px;margin:24px 0;padding:14px 18px;border:1px solid var(--ok);border-radius:var(--radius);background:color-mix(in srgb,var(--ok) 7%,transparent)}.account-panel-copy{min-width:0;flex:1 1 320px}.account-panel-copy p{margin:3px 0 0;font-size:13px}.account-panel-actions{display:flex;flex-wrap:wrap;gap:8px}.plan-cadence-badge{align-self:flex-start;padding:3px 9px;border-radius:999px;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:10px}.plan-billed{margin:-12px 0 16px;font-size:12px;line-height:1.45}.pack-aside{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px 18px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.pack-aside-copy{min-width:0;flex:1 1 320px}.pack-aside-copy p{margin:3px 0 0;font-size:13px}.clip-sample{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:13px;text-align:center}.micro{display:block;font-size:11px;margin-bottom:4px}.switch{width:44px;height:25px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 42%,transparent);position:relative;transition:background .15s;flex-shrink:0;cursor:pointer}.switch.is-tap[aria-pressed=true]{background:var(--tap)!important;border-color:var(--tap)}.switch-knob{position:absolute;top:2px;width:19px;height:19px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.28);transition:left .15s}.btn-sm{padding:6px 12px;font-size:13px}.swatch-tile{height:34px;border-radius:8px}.disclosure{width:100%;font-size:13px;color:var(--text-dim);border-style:dashed}.adjust{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.studio-grid{display:grid;grid-template-columns:minmax(300px,360px) 1fr minmax(300px,360px);grid-gap:20px;gap:20px;padding:20px;align-items:start}.studio-col{display:flex;flex-direction:column;gap:20px;min-width:0}@media (max-width:1180px){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-preview{grid-column:1/-1;position:static!important}}@media (max-width:760px){.studio-grid{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}.studio-col{display:contents}.studio-col:first-of-type>:first-child{order:1}.studio-preview{order:2}.studio-col:first-of-type>:nth-child(2){order:3}.studio-col:last-of-type>*{order:4}.appbar{padding:8px 12px;flex-wrap:wrap;gap:8px}.appbar-brand img{width:104px;height:auto}.only-wide{display:none}.only-narrow{display:inline}.studio-preview{position:static!important;padding:12px!important}.studio-preview>div:first-child{max-width:100%;margin:0 auto}.panel{padding:14px}.switch{width:52px;height:30px}.switch-knob{width:24px;height:24px;top:2px}.switch[aria-pressed=true] .switch-knob{left:25px!important}.swatch{width:38px;height:38px}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}.btn{padding:12px 18px}.btn-sm{padding:10px 14px;min-height:40px}.swatch-tile{height:44px}.appbar .btn{min-height:38px;padding:8px 12px}input[type=number],input[type=text],select{font-size:16px;padding:11px 12px}input[type=range]{height:28px}.infotip-bubble{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;transform:none;font-size:13px;box-shadow:0 -8px 40px rgba(0,0,0,.7)}.infotip-bubble:after{display:none}.infotip-btn{width:20px;height:20px;font-size:12px}}.library{max-width:1180px;margin:0 auto;padding:24px 16px 64px}.library-title{font-size:clamp(22px,5vw,28px);margin:0 0 18px}.library-note{font-size:13px;line-height:1.6;margin:0 0 18px}.library-error{color:var(--warn);font-size:13px}.library-empty{border:1px dashed var(--border-strong);border-radius:12px;padding:28px 20px;text-align:center}.library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.library-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-input)}.library-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.library-row-title{font-weight:600;font-size:14px}.library-row-meta{font-size:12px}.library-badge{font-size:12px;white-space:nowrap;padding:6px 10px;border-radius:999px;border:1px solid var(--border-strong)}.library-badge-fail{color:var(--warn);border-color:var(--warn)}@media (max-width:760px){.library-row{padding:12px}.library-row-title{font-size:13px}}.logo-light,:root[data-theme=light] .logo-dark{display:none}:root[data-theme=light] .logo-light{display:block}.home-logo{margin-bottom:34px}.logo-dark.home-logo,:root[data-theme=light] .logo-light.home-logo{display:block}:root[data-theme=light] .logo-dark.home-logo{display:none}.lang-select{width:auto;min-width:0;padding:7px 10px;font-size:13px;border-radius:8px;background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong)}@media (max-width:760px){.appbar{flex-wrap:wrap;row-gap:6px;column-gap:6px;padding:6px 10px}.appbar>div{flex-wrap:wrap;justify-content:flex-end;gap:6px}.appbar-brand img{height:22px;width:auto}.theme-toggle{padding:6px 8px}.lang-select{font-size:16px;min-height:38px;max-width:76px}}[dir=rtl] .scrub,[dir=rtl] .stage-frame,[dir=rtl] .studio-preview,[dir=rtl] .tap-pad,[dir=rtl] .tap-timeline{direction:ltr}[dir=rtl] .library-row-meta,[dir=rtl] .value{direction:ltr;text-align:start}[dir=rtl] .studio-col:last-of-type .infotip-bubble{left:-8px;right:auto}[dir=rtl] .step{margin-right:0;margin-left:8px}.home-controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-bottom:20px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--border);border-radius:12px;background:var(--bg-raised);overflow:hidden;display:flex;flex-direction:column}.card-busy{opacity:.55;pointer-events:none}.card-thumb{position:relative;display:block;aspect-ratio:9/16;background:var(--bg-input);overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.card-thumb-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card-progress{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hot));transition:width .4s}.card-body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:4px}.card-title{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}.card-count{font-weight:600;color:var(--text-dim);border:1px solid var(--border-strong);border-radius:999px;padding:1px 6px;flex-shrink:0}.card-count,.card-meta{font-size:11px}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.card-actions .btn{padding:5px 9px;font-size:12px}.card-delete{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--text-dim)}.card-delete:hover{color:var(--warn);border-color:var(--warn)}@media (max-width:760px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.card-actions .btn{min-height:34px}}.consent{position:fixed;inset-inline:0;bottom:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:14px clamp(12px,4vw,28px);background:var(--bg-raised);border-top:1px solid var(--border-strong);box-shadow:0 -8px 28px rgba(0,0,0,.28)}.consent-body{max-width:620px;min-width:0}.consent-title{display:block;font-size:14px;margin-bottom:2px}.consent-text{margin:0;font-size:13px;line-height:1.55;color:var(--text-dim)}.consent-actions{display:flex;gap:10px;flex-shrink:0}.consent-btn{min-width:104px;min-height:40px;justify-content:center;font-size:14px}.consent-link{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--text-dim);text-decoration:underline;cursor:pointer}.consent-link:hover{color:var(--text)}.site-footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--border);display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--text-dim)}@media (max-width:760px){.consent{gap:12px;padding:12px}.consent-actions{width:100%}.consent-btn{flex:1 1;min-width:0}}.legal{max-width:68ch;margin:0 auto;padding:28px clamp(16px,5vw,24px) 64px;font-size:15px;line-height:1.7}.legal h1{font-size:clamp(26px,6vw,34px);letter-spacing:-.5px;margin:0 0 6px}.legal-updated{color:var(--text-dim);font-size:13px;margin:0 0 28px}.legal h2{font-size:19px;margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--border)}.legal h3{font-size:15px;margin:20px 0 6px}.legal li,.legal p{color:var(--text-dim)}.legal strong{color:var(--text)}.legal ul{-webkit-padding-start:20px;padding-inline-start:20px}.legal li{margin-bottom:6px}.legal a{color:var(--accent)}.legal code{font-size:13px;padding:1px 5px;border-radius:4px;background:var(--bg-input)}.site-footer a{color:var(--text-dim);text-decoration:underline}.site-footer a:hover{color:var(--text)}.welcome{max-width:560px;margin:0 auto;padding:clamp(48px,12vw,96px) clamp(16px,5vw,24px) 64px;text-align:center}.welcome h1{font-size:clamp(26px,7vw,36px);letter-spacing:-1px;margin:0 0 10px}.welcome p{font-size:15px;line-height:1.65;margin:0 0 24px}.welcome .site-footer{justify-content:center;margin-top:56px}.home{max-width:none}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:60;gap:18px;padding:12px clamp(16px,5vw,40px);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topnav,.topnav-brand{display:flex;align-items:center}.topnav-brand{flex-shrink:0}.topnav-menus{gap:4px;-webkit-margin-start:10px;margin-inline-start:10px}.topnav-actions,.topnav-menus{display:flex;align-items:center}.topnav-actions{gap:10px;-webkit-margin-start:auto;margin-inline-start:auto}.topnav-group{position:relative}.topnav-link,.topnav-trigger{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:8px 12px;border-radius:8px;font:inherit;font-size:14px;color:var(--text-dim);cursor:pointer;text-decoration:none;white-space:nowrap}.topnav-link:hover,.topnav-trigger:hover,.topnav-trigger[aria-expanded=true]{color:var(--text);background:var(--bg-input)}.topnav-drop{position:absolute;inset-inline-start:0;top:calc(100% + 6px);min-width:210px;padding:8px;border-radius:12px;background:var(--bg-raised);border:1px solid var(--border-strong);box-shadow:0 18px 40px rgba(0,0,0,.35);display:none}.topnav-drop.is-open{display:block;animation:drop-in .22s ease-out}.topnav-drop:before{content:"";position:absolute;inset-inline:0;top:-8px;height:8px}.topnav-drop a{display:block;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--text-dim);text-decoration:none}.topnav-drop a:hover{color:var(--text);background:var(--bg-input)}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}}.topnav-cta{position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.topnav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.topnav-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-120%);animation:sheen 7s ease-in-out infinite}@keyframes sheen{0%,70%{transform:translateX(-120%)}92%,to{transform:translateX(120%)}}.hero{max-width:940px;margin:0 auto;padding:clamp(44px,10vw,84px) clamp(16px,5vw,24px) 0;text-align:center}.hero-badge{display:inline-block;margin:0;padding:6px 14px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-dim);font-size:13px}.hero-title{font-size:clamp(32px,8vw,62px);line-height:1.04;letter-spacing:-2px;margin:22px 0 0}.hero-grad{background:linear-gradient(110deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lede{max-width:660px;margin:20px auto 0;font-size:clamp(15px,4vw,18px);line-height:1.6;color:var(--text-dim)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.hero-cta{min-height:46px;padding:12px 24px;font-size:15px}.hero-note{margin:14px 0 0;font-size:13px;color:var(--text-dim)}.hero-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:14px;gap:14px;margin-top:56px;text-align:start}.use{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--bg-raised);font-size:14px}.features{max-width:1100px;margin:0 auto;padding:clamp(64px,12vw,110px) clamp(16px,5vw,24px) 0}.section-heading{font-size:clamp(23px,6vw,34px);letter-spacing:-1px;text-align:center;margin:0 0 36px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));grid-gap:18px;gap:18px}.feature{padding:20px;border-radius:14px;border:1px solid var(--border);background:var(--bg-raised);transition:border-color .16s ease,transform .16s ease}.feature:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--bg-input);color:var(--accent);margin-bottom:12px}.feature h3{font-size:15px;margin:0 0 6px}.feature p{margin:0;font-size:13.5px;line-height:1.6}.closer{max-width:620px;margin:0 auto;padding:clamp(72px,14vw,120px) clamp(16px,5vw,24px) 0;text-align:center}.closer h2{font-size:clamp(24px,6vw,34px);letter-spacing:-1px;margin:0 0 10px}.closer p{margin:0 0 22px}.home .site-footer{max-width:1100px;margin:72px auto 0;padding:20px clamp(16px,5vw,24px) 48px}@media (max-width:860px){.topnav{flex-wrap:wrap;gap:8px;padding:10px 14px;position:static}.topnav-actions .topnav-link{display:none}.consent-link,.site-footer a{display:inline-flex;align-items:center;min-height:34px}.topnav-menus{order:3;width:100%;-webkit-margin-start:0;margin-inline-start:0;justify-content:flex-start;overflow-x:auto}.topnav-actions{gap:8px}.topnav-drop{min-width:190px}}@media (prefers-reduced-motion:reduce){.topnav-cta:after,.topnav-drop.is-open{animation:none}.feature:hover,.topnav-cta:hover{transform:none}}.trim{position:relative;height:84px;border-radius:8px;overflow:hidden;background:var(--bg-input);border:1px solid var(--border-strong);cursor:pointer;direction:ltr;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trim.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.trim-frames{position:absolute;inset:0;display:flex}.trim-frames img{flex:1 1;min-width:0;height:100%;object-fit:cover;pointer-events:none}.trim-shade{background:color-mix(in srgb,var(--bg) 82%,transparent)}.trim-shade,.trim-window{position:absolute;top:0;bottom:0;pointer-events:none}.trim-window{border:2px solid var(--accent);border-radius:4px}.trim-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.5);pointer-events:none;z-index:3}.trim-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #fff}.trim-handle{position:absolute;top:0;bottom:0;width:16px;margin-left:-8px;padding:0;border:0;border-radius:5px;background:var(--accent);box-shadow:0 0 0 1px rgba(0,0,0,.35);cursor:ew-resize;touch-action:none}.trim-handle:after{top:50%;left:50%;width:6px;height:16px;transform:translate(-50%,-50%);border-left:1.5px solid rgba(255,255,255,.85);border-right:1.5px solid rgba(255,255,255,.85)}.trim-handle:focus-visible{outline:2px solid var(--text)}.trim-handle:after{content:"";position:absolute;top:0;bottom:0;left:-10px;right:-10px}.trim-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:18px;border-radius:2px;background:rgba(255,255,255,.85)}.trim-handle:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}.trim-readout{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;direction:ltr}.trim-hint{margin:8px 0 0;font-size:12px;line-height:1.5}@media (max-width:760px){.trim{height:76px}.trim-handle{width:18px;margin-left:-9px}}.contact{max-width:560px;margin:0 auto;padding:clamp(32px,8vw,60px) clamp(16px,5vw,24px) 48px}.contact h1{font-size:clamp(24px,6vw,32px);letter-spacing:-.8px;margin:0 0 8px}.contact>p.muted{margin:0 0 28px;line-height:1.6}.contact textarea{width:100%;resize:vertical;font:inherit;font-size:16px;padding:11px 12px;border-radius:8px;background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong)}.contact-as{font-size:13px;margin:-4px 0 16px}.contact-error{color:var(--warn);font-size:13px;margin-top:12px}.contact-sent{padding:22px;border-radius:12px;border:1px solid var(--ok);background:var(--bg-raised);text-align:center}.contact-sent p{margin:8px 0 18px;line-height:1.6}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 2px;cursor:pointer;font-weight:600;font-size:15px;color:var(--text);list-style:none;min-height:44px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover .faq-q{color:var(--accent)}.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.faq-q{flex:1 1;min-width:0}.faq-chevron{flex-shrink:0;color:var(--text-dim);transition:transform .18s ease}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-a{padding:0 2px 18px}.faq-a p{margin:0 0 10px}.faq-a p:last-child{margin-bottom:0}.legal h2{margin-top:42px}@media (prefers-reduced-motion:reduce){.faq-chevron{transition:none}}.faq-item[open] .faq-a{animation:faq-open .24s cubic-bezier(.22,.61,.36,1)}@keyframes faq-open{0%{opacity:0;transform:translateY(-6px)}}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.faq-item::details-content{height:0;overflow:hidden;opacity:0;transition:height .26s ease,opacity .2s ease,content-visibility .26s;transition-behavior:allow-discrete}.faq-item[open]::details-content{height:auto;opacity:1}.faq-item[open] .faq-a{animation:none}}@media (prefers-reduced-motion:reduce){.faq-item[open] .faq-a{animation:none}.faq-item::details-content,.faq-item[open]::details-content{transition:none}}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:12px;padding:8px clamp(10px,3vw,20px);background:var(--bg-raised);border-bottom:1px solid var(--border)}.toolbar,.toolbar-menus{display:flex;align-items:center}.toolbar-menus{justify-content:center;flex-wrap:wrap;gap:6px;min-width:0;flex:1 1}.toolbar-trailing{-webkit-margin-start:auto;margin-inline-start:auto;flex-shrink:0}.toolbar-item{position:relative}.toolbar-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;min-height:46px;border:1px solid transparent;border-radius:9px;background:none;font:inherit;font-size:14.5px;font-weight:500;color:var(--text-dim);white-space:nowrap;cursor:pointer}.toolbar-icon{flex-shrink:0;color:var(--accent)}.toolbar-btn:disabled .toolbar-icon{color:var(--text-dim)}.toolbar-btn.is-open,.toolbar-btn:hover:not(:disabled){color:var(--text);background:var(--bg-input)}.toolbar-btn.is-open{border-color:var(--border-strong)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-export{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 20px;font-size:14.5px}.toolbar-pop{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:60;width:min(360px,calc(100vw - 24px));max-height:min(70vh,620px);overflow-y:auto;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-raised);box-shadow:0 20px 48px rgba(0,0,0,.4);animation:pop-in .16s ease-out}.toolbar-pop-right{inset-inline-start:auto;inset-inline-end:0}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px)}}.toolbar-pop .panel{border:0;background:none;margin:0;padding:14px}.toolbar-pop .section-title{display:none}.studio-stage{display:flex;justify-content:center;padding:clamp(16px,4vw,32px) clamp(12px,4vw,24px) 64px}.stage-inner{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px}@media (max-width:760px){.toolbar{gap:8px;padding:6px 10px}.toolbar-btn{padding:10px 12px;min-height:44px;font-size:13.5px}.toolbar-export{padding:10px 14px;min-height:44px}.toolbar-pop{position:fixed;inset-inline:12px;top:auto;width:auto;max-height:64vh}}@media (prefers-reduced-motion:reduce){.toolbar-pop{animation:none}}.stage-empty{width:100%}.stage-empty .panel{border-style:dashed}.stage-empty .section-title{display:none}.stage-empty-hint{margin:12px 0 0;font-size:13px;text-align:center;line-height:1.5}.trim-tap{top:0;bottom:0;width:3px;margin-left:-1.5px;box-shadow:0 0 0 1px rgba(0,0,0,.45),0 0 8px color-mix(in srgb,var(--tap) 70%,transparent);pointer-events:none}.trim-tap,.trim-tap:before{position:absolute;background:var(--tap)}.trim-tap:before{content:"";top:3px;left:50%;width:11px;height:11px;transform:translateX(-50%);border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 10px var(--tap)}.tap-hint{margin:0;max-width:420px}.trim-frame-pending{flex:1 1;min-width:0;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:trim-frame-shimmer 1.4s ease-in-out infinite}@keyframes trim-frame-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.trim-frame-pending{animation:none}}.toolbar-btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-btn.is-active .toolbar-icon{color:#fff}.editor{display:grid;height:100dvh;grid-template-columns:76px 304px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top  top   top" "rail panel canvas" "time time  time";background:var(--bg);overflow:hidden}.editor-top{grid-area:top;gap:14px;min-width:0;padding:0 14px;height:56px;border-bottom:1px solid var(--border);background:var(--surface-1)}.editor-brand,.editor-top{display:flex;align-items:center}.editor-brand{flex-shrink:0}.project-chip{display:flex;align-items:center;gap:7px;min-width:0;max-width:240px;padding:6px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised);font-size:12.5px;color:var(--text-dim)}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text)}.editor-top-spacer{flex:1 1;min-width:0}.status-chip{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:6px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--text-dim);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}.status-chip.is-ready .status-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-chip.is-busy .status-dot{background:var(--warn);animation:status-pulse 1.1s ease-in-out infinite}@keyframes status-pulse{50%{opacity:.35}}.editor-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.editor-rail{grid-area:rail;gap:4px;padding:10px 0;border-right:1px solid var(--border);background:var(--surface-1);overflow-x:hidden;overflow-y:auto}.editor-rail,.rail-item{display:flex;flex-direction:column;align-items:center}.rail-item{position:relative;gap:5px;width:60px;padding:9px 0;border:0;border-radius:10px;background:none;color:var(--text-dim);font:inherit;cursor:pointer;transition:color .12s,background .12s}.rail-label{font-size:10px;font-weight:500}.rail-icon{display:grid;place-items:center}.rail-item:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.rail-item:disabled{opacity:.4;cursor:not-allowed}.rail-item.is-active{color:var(--text)}.rail-item.is-active .rail-icon{color:var(--accent)}.rail-item.is-active:after{content:"";position:absolute;inset-inline-end:-7px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-start-start-radius:3px;border-end-start-radius:3px;background:var(--accent)}.editor-panel{grid-area:panel;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface-2)}.editor-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 0}.editor-panel .panel-title{margin:0;font-size:16px;font-weight:600}.editor-panel .panel-sub{margin:4px 16px 14px;font-size:12px;line-height:1.5;color:var(--text-dim)}.panel-body{flex:1 1;min-height:0;overflow-y:auto;padding:0 16px 24px}.panel-body .panel{padding:0;border:0;background:none}.panel-body .section-title,.panel-close{display:none}.panel-group{border:0;padding:0;margin:0;min-width:0}.panel-group:disabled{opacity:.45}.slider-value{color:var(--accent-hot);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px}.colour-input{width:44px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.btn-block{width:100%;margin-bottom:14px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch,.swatch-tile{border:1px solid var(--border-strong);border-radius:8px;cursor:pointer}.swatch-tile.is-active,.swatch.is-active{border:2px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.editor-canvas{grid-area:canvas;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--accent) 9%,var(--bg)),var(--bg) 62%)}.canvas-bar{gap:12px;padding:8px 16px 0}.canvas-bar,.looks{display:flex;align-items:center;flex-wrap:wrap}.looks{gap:10px;min-width:0}.looks-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.looks-chips{display:flex;gap:7px;flex-wrap:wrap}.look-chip{padding:7px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg-raised);color:var(--text-dim);font:inherit;font-size:12.5px;cursor:pointer;transition:color .14s,border-color .14s}.look-chip:hover{color:var(--text);border-color:var(--border-strong)}.look-chip.is-active{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-hot));color:#fff}.tap-toggle{display:inline-flex;align-items:center;gap:8px;-webkit-margin-start:auto;margin-inline-start:auto;padding:9px 16px;min-height:40px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-raised);color:var(--text);font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.tap-toggle-icon{display:grid;place-items:center;color:var(--tap)}.tap-toggle.is-active,.tap-toggle:hover{border-color:var(--tap)}.tap-toggle.is-active{background:var(--tap);color:#fff}.tap-toggle.is-active .tap-toggle-icon{color:#fff}.stage{flex:1 1;display:grid;place-items:center;min-height:0;padding:8px 16px}.stage-frame{position:relative;height:100%;max-height:100%;aspect-ratio:9/16;max-width:100%;border-radius:12px;overflow:hidden}.stage-player{display:block;border-radius:12px}.tap-target{position:absolute;inset:0;cursor:crosshair;border-radius:12px;box-shadow:inset 0 0 0 2px var(--tap)}.tap-hint{margin:0 16px;text-align:center;font-size:12.5px;color:var(--text-dim)}.transport{display:flex;align-items:center;gap:14px;padding:6px 16px 10px}.transport-play{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-raised);color:var(--text);cursor:pointer}.transport-play:hover{border-color:var(--accent)}.transport-time{flex:0 0 auto;font-size:12px;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scrub{position:relative;flex:1 1;min-width:0;height:4px;margin:16px 0;border-radius:4px;background:var(--surface-3);cursor:pointer;touch-action:none}.scrub:before{content:"";position:absolute;inset:-16px 0}.scrub-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--accent)}.scrub-head{position:absolute;top:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--text);transform:translateY(-50%);box-shadow:0 1px 5px rgba(0,0,0,.4)}.scrub:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.editor-timeline{grid-area:time;padding:8px 16px 10px;border-top:1px solid var(--border);background:var(--surface-1)}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.timeline-title{font-weight:600;letter-spacing:.07em;text-transform:uppercase}.timeline-meta,.timeline-title{font-size:11px;color:var(--text-dim)}.timeline-meta{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.editor-timeline .field>.row:first-child,.editor-timeline .trim-hint{display:none}.editor-timeline .field{margin:0}.stage-empty{display:grid;place-items:center;min-height:0;height:100%;overflow-y:auto;padding:20px 16px}@media (max-width:1023px){.editor{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "canvas" "time" "rail"}.editor-rail{flex-direction:row;justify-content:flex-start;gap:2px;padding:4px 6px max(4px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.editor-rail::-webkit-scrollbar{display:none}.rail-item{flex:0 0 auto;width:auto;min-width:64px;padding:7px 10px}.rail-item.is-active:after{inset-inline-end:auto;left:50%;top:auto;bottom:-4px;transform:translateX(-50%);width:20px;height:3px;border-radius:3px 3px 0 0}.rail-item.is-active{background:var(--surface-2)}.editor-panel{position:fixed;z-index:40;left:0;right:0;bottom:0;max-height:min(62dvh,520px);border-right:0;border-top:1px solid var(--border-strong);border-radius:14px 14px 0 0;box-shadow:0 -18px 44px rgba(0,0,0,.4);transform:translateY(101%);transition:transform .22s ease;visibility:hidden}.editor-panel.is-open{transform:none;visibility:visible}.panel-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--bg-raised);color:var(--text-dim);cursor:pointer}.panel-body{padding-bottom:28px}.project-chip{display:none}.stage{padding:10px 12px}.canvas-bar{padding:10px 12px 0}.tap-toggle{-webkit-margin-start:0;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.editor-panel{transition:none}}@media (max-height:640px){.editor-timeline,.transport{padding:6px 12px 8px}.scrub{margin:10px 0}}@media (max-width:560px){.editor-top{gap:8px;padding:0 10px}.editor-top .btn-sm,.editor-top .status-chip{display:none}.editor-top-actions{gap:6px}}.source-note{margin:12px 0 0;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-raised);font-size:12px;line-height:1.55;color:var(--text-dim)}.source-note.is-warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 10%,var(--bg-raised));color:var(--text)}.tap-pin{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--tap);box-shadow:0 0 8px var(--tap)}.tap-figure{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel-row{padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:var(--bg-raised)}.topnav-auth-pending{display:inline-block;width:132px;height:1px}.editor.is-focus{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top" "canvas"}.editor.is-focus .editor-panel,.editor.is-focus .editor-rail,.editor.is-focus .editor-timeline{display:none}.focus-toggle{-webkit-margin-start:auto;margin-inline-start:auto;padding:9px 14px;min-height:40px;border:1px solid var(--border-strong);border-radius:9px;background:var(--bg-raised);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.focus-toggle:hover{border-color:var(--accent)}.focus-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.canvas-bar .focus-toggle+.tap-toggle{-webkit-margin-start:0;margin-inline-start:0}.transport.is-compact{padding:0;gap:10px;flex:0 0 auto}.transport.is-compact .transport-play{width:30px;height:30px}.timeline-head{gap:12px}.timeline-head .timeline-title{-webkit-margin-end:auto;margin-inline-end:auto}.swatch-tile.is-locked{opacity:.42;cursor:not-allowed;position:relative}.swatch-tile.is-locked:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(0,0,0,.28) 6px 12px)}.pro-badge{-webkit-margin-start:6px;margin-inline-start:6px;padding:1px 6px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-hot));color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.06em;vertical-align:middle}.export-toast{position:fixed;inset-inline-end:16px;inset-block-end:16px;z-index:60;width:min(320px,calc(100vw - 32px));padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);box-shadow:0 12px 32px rgb(0 0 0/.28);animation:export-toast-in .18s ease-out}@keyframes export-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.export-toast{animation:none}.export-toast-bar.is-indeterminate .export-toast-fill{animation:none;width:40%}}.export-toast.is-ok{border-color:var(--ok)}.export-toast.is-warn{border-color:var(--warn)}.export-toast-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.export-toast-title{font-size:13px;font-weight:600}.export-toast-x{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:0;background:transparent;color:var(--text-dim);cursor:pointer}.export-toast-x:hover{background:var(--surface-3);color:var(--text)}.export-toast-bar{height:4px;margin-top:10px;border-radius:2px;background:var(--switch-off);overflow:hidden}.export-toast-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hot));transition:width .25s ease-out}.export-toast-bar.is-indeterminate .export-toast-fill{width:40%;transition:none;animation:export-toast-slide 1.1s ease-in-out infinite}@keyframes export-toast-slide{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.export-toast-note{margin:8px 0 0;font-size:12px;color:var(--text-dim)}.export-toast-action{display:block;width:100%;margin-top:10px;text-align:center}.track{margin-top:10px}.track-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;flex-wrap:wrap}.track-title{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.track-tools{display:flex;gap:6px;flex-wrap:wrap}.track-lanes{position:relative;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);padding:4px;display:grid;grid-gap:4px;gap:4px;overflow-x:hidden;overflow-y:hidden;touch-action:none}.track-lanes.is-dropping{outline:2px dashed var(--accent);outline-offset:-2px}.effect-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.effect-card[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.track-lane{position:relative;height:26px;border-radius:5px;background:var(--surface-2)}.track-block{position:absolute;top:2px;bottom:2px;min-width:18px;border-radius:4px;display:flex;align-items:center;cursor:-webkit-grab;cursor:grab;overflow:hidden;border:1px solid transparent;touch-action:none}.track-block:active{cursor:-webkit-grabbing;cursor:grabbing}.track-block.is-selected{border-color:var(--text)}.track-block.is-rotate{background:color-mix(in srgb,var(--accent) 55%,transparent)}.track-block.is-scale{background:color-mix(in srgb,var(--accent-hot) 55%,transparent)}.track-block.is-audio{background:color-mix(in srgb,var(--ok) 45%,transparent)}.track-label{flex:1 1;padding:0 8px;font-size:11px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.track-grip{width:8px;align-self:stretch;cursor:ew-resize;background:rgb(255 255 255/.25)}.track-grip:hover{background:rgb(255 255 255/.45)}.track-empty{inset-inline-start:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-dim)}.track-empty,.track-playhead{position:absolute;pointer-events:none}.track-playhead{top:0;bottom:0;width:2px;background:var(--text)}.track-inspect{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--text-dim)}.track-inspect label{display:flex;align-items:center;gap:6px}.track-inspect input[type=range]{width:120px}.track-inspect output{min-width:42px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.track-check{gap:6px}.swatch-tile{position:relative}.swatch-crown{position:absolute;top:3px;inset-inline-end:3px;width:13px;height:13px;color:#f4c752;filter:drop-shadow(0 1px 1.5px rgb(0 0 0/.55));pointer-events:none;z-index:1}.effect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:6px;gap:6px;margin-top:6px}.effect-card{position:relative;display:flex;align-items:center;min-height:38px;padding:8px 10px;-webkit-padding-end:24px;padding-inline-end:24px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12px;font-weight:600;text-align:start;cursor:pointer}.effect-card:hover:not(:disabled){border-color:var(--accent)}.effect-card:disabled{opacity:.5;cursor:not-allowed}.effect-name{flex:1 1}.effect-crown{position:absolute;top:6px;inset-inline-end:6px;width:12px;height:12px;color:#f4c752;filter:drop-shadow(0 1px 1.5px rgb(0 0 0/.45));pointer-events:none}.effect-list{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-gap:4px;gap:4px}.effect-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;background:var(--surface-2);font-size:12px}.export-toast-reason{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.showcase{margin:34px auto 0;max-width:100%}.showcase-frame{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:0 24px 70px -20px color-mix(in srgb,var(--accent) 45%,transparent),0 10px 30px rgb(0 0 0/.5);background:var(--bg)}.showcase-video{display:block;height:clamp(400px,58vh,620px);width:auto;max-width:100%;cursor:pointer}.showcase-play{position:absolute;inset:0;margin:auto;width:62px;height:62px;display:grid;place-items:center;border:0;border-radius:999px;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer}.showcase-play:hover{background:color-mix(in srgb,var(--bg) 85%,transparent)}.showcase-caption{margin:14px 0 0;font-size:13px;color:var(--text-dim)}