.sz-tool{--sz-red: #d92d20;--sz-green: #34c759;--sz-vh: 100vh}@supports (height: 100svh){.sz-tool{--sz-vh: 100svh}}.sz-layout{--sz-ph: clamp(380px, calc(var(--sz-vh) - 170px), 620px)}.sz-layout[data-sz-state=image]{--sz-ph: clamp(380px, calc(var(--sz-vh) - 120px), 640px)}.sz-layout[data-sz-state=video]{--sz-ph: clamp(360px, calc(var(--sz-vh) - 236px), 620px)}.sz-tool [hidden]{display:none!important}.sz-layout{max-width:var(--max-w);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"file" "stage" "check" "export";gap:var(--sp-5);align-items:start}.sz-file-card{grid-area:file}.sz-stage{grid-area:stage}.sz-check-card{grid-area:check}.sz-export-card{grid-area:export}@media(min-width:760px){.sz-layout{--sz-ph: clamp(440px, calc(var(--sz-vh) - 190px), 760px)}.sz-layout[data-sz-state=image]{--sz-ph: clamp(440px, calc(var(--sz-vh) - 170px), 760px)}.sz-layout[data-sz-state=video]{--sz-ph: clamp(400px, calc(var(--sz-vh) - 290px), 740px)}.sz-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage file" "stage check" "stage export"}.sz-stage{grid-row:1 / span 3;position:sticky;top:var(--wz-nav-offset)}}@media(min-width:1000px){.sz-layout{gap:var(--sp-6)}}.sz-stage{min-width:0;display:grid;justify-items:center;gap:var(--sp-3);padding:clamp(14px,3vw,32px);background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-3)}.sz-phone{position:relative;width:min(100%,calc(var(--sz-ph) * 9 / 16 + 20px));padding:10px;background:#141311;border-radius:13%/7%;box-shadow:0 2px 4px #14131124,0 30px 60px -22px #14131180}.sz-screen{position:relative;overflow:hidden;width:100%;aspect-ratio:9 / 16;border-radius:10.5%/5.9%;background:#0b0a09;isolation:isolate;transform:translateZ(0)}.sz-media,.sz-layer{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}.sz-media{object-fit:cover}.sz-screen[data-fit=contain] .sz-media{object-fit:contain}.sz-media[data-loading]{opacity:0}.sz-layer{pointer-events:none}.sz-ui{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55))}.sz-demo text{font-family:var(--f-disp);font-weight:700}.sz-demo__head{font-size:70px;fill:#141311;letter-spacing:-.01em}.sz-demo__logo{font-size:40px;fill:#fff}.sz-demo__sub{font-size:58px;fill:#fff}.sz-island{position:absolute;top:1.35%;left:50%;z-index:3;width:27%;height:3.1%;transform:translate(-50%);border-radius:999px;background:#000;pointer-events:none}.sz-veil{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:24px;background:#f25c2bdb;color:#fff;font-family:var(--f-disp);font-size:var(--t-2);font-weight:600;line-height:1.25;text-align:center;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease)}.sz-layout.is-dragover .sz-veil{opacity:1}.sz-caption{max-width:36ch;margin:0;font-size:14px;line-height:1.5;text-align:center;color:var(--c-ink-muted)}.sz-player{width:min(100%,440px);display:grid;gap:2px}.sz-player .wz-range{height:44px;margin:0}.sz-player__row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sp-3)}.sz-player__time{font-size:14px;font-variant-numeric:tabular-nums;color:var(--c-ink-soft);white-space:nowrap}.sz-player__time--end{text-align:right}.sz-player__btns{display:flex;align-items:center;gap:var(--sp-2)}.sz-tool .sz-play{width:54px;height:54px;border-color:var(--c-ink);background:var(--c-ink);color:#fff}.sz-tool .sz-play svg{width:22px;height:22px}@media(hover:hover){.sz-tool .sz-play:hover{border-color:var(--c-accent-deep);background:var(--c-accent-deep);color:#fff}}.sz-drop{gap:var(--sp-3)}.sz-drop .btn{margin-top:var(--sp-1)}.sz-drop .wz-drop__title{line-height:1.3}.sz-file{display:flex;align-items:center;gap:var(--sp-3);border-radius:var(--r-2)}.sz-file:focus{outline:none}.sz-file__icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r-2);background:var(--c-accent-soft);color:var(--c-accent-deep)}.sz-file__icon svg{width:22px;height:22px}.sz-file__text{flex:1;min-width:0;display:grid;gap:2px}.sz-file__name{overflow:hidden;font-weight:600;font-size:15.5px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis;color:var(--c-ink)}.sz-file__meta{font-size:14px;line-height:1.4;color:var(--c-ink-muted)}.sz-tool .sz-file__change{flex:none;padding:12px 4px;font-size:15px}.sz-fit{margin-top:var(--sp-4)}.sz-fit__body{display:grid;gap:var(--sp-3);min-width:0}.sz-fit__text,.sz-fit__toggle{margin:0}.sz-error{margin:var(--sp-4) 0 0;padding:12px 16px;border-radius:var(--r-2);background:var(--wz-red-soft);color:var(--wz-red-ink);font-size:15px;line-height:1.5}.sz-privacy{margin-top:var(--sp-4)}.sz-platforms{margin-bottom:0}.sz-summary{margin:var(--sp-4) 0 0;font-size:15.5px;font-weight:600;line-height:1.45;color:var(--c-ink)}.sz-source{margin-top:.25rem}.sz-layers{margin:0}.sz-pills{display:flex;flex-wrap:wrap;gap:10px}.sz-layers .form-check-label{display:inline-flex;align-items:center}@media(max-width:559px){.sz-platforms .sz-pills{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sz-platforms .form-check-wrapping-label{display:flex;justify-content:center;width:100%;padding-inline:10px;text-align:center}}.sz-swatch{flex:none;display:inline-block;width:18px;height:18px;margin-right:9px;border-radius:4px}.sz-swatch--zone{background:repeating-linear-gradient(-45deg,#d92d20e6 0 4px,#d92d2073 4px 8px)}.sz-swatch--safe{border:2px dashed var(--wz-green);background:var(--wz-green-soft)}.sz-swatch--ui{width:18px;height:18px;border-radius:0;color:var(--c-ink)}.sz-legend{display:grid;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3);padding:0;list-style:none;font-size:14.5px;line-height:1.5;color:var(--c-ink-soft)}.sz-legend li{display:flex;align-items:flex-start;gap:2px}.sz-legend .sz-swatch{margin-top:3px}.sz-legend strong{color:var(--c-ink)}.sz-export-card .wz-actions .btn svg{width:18px;height:18px}.sz-export-card .wz-hint{margin-top:var(--sp-4)}@media(max-width:559px){.sz-export-card .wz-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.sz-veil{transition:none}}
