.zq-note{color:var(--fg-2);text-align:center;margin:0;padding:16px;font-size:14px}.zq-note-box{background:var(--surface-2);border-radius:var(--r-tile)}.zq-gif{gap:6px;min-width:0;margin:0;display:grid}.zq-gif-stage{border-radius:var(--r-tile);background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px;border:1px solid var(--line);place-items:center;min-height:96px;padding:8px;display:grid;overflow:hidden}.zq-gif-stage img{image-rendering:auto;width:auto;max-width:100%;height:auto;max-height:240px;display:block}.zq-cap{color:var(--fg-2);text-align:center;font-size:13px}.zq-speed{gap:8px;min-width:0;display:grid}.zq-speed-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.zq-speed-val{color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:600}.zq-speed-range{width:100%}.zq-ticks{color:var(--muted);justify-content:space-between;margin-top:-4px;font-size:12px;display:flex}.zq-presets button{min-width:48px}@media (max-width:560px){.zq-presets{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.zq-presets button{min-width:0}}.zq-pv{border-radius:var(--r-tile);background:#0b0b0c;min-width:0;overflow:hidden}.zq-pv video{background:#0b0b0c;width:100%;max-height:300px;display:block}.zq-length{color:var(--fg-2);margin:0;font-size:14px}.zq-length strong{color:var(--fg);font-variant-numeric:tabular-nums}.zq-of{color:var(--muted)}.zq-look{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;display:grid}.zq-look input{width:100%;min-width:0}.zq-look-t{color:var(--fg-2);text-align:right;min-width:4ch;font-size:13px}@media (max-width:420px){.zq-look{grid-template-columns:minmax(0,1fr) auto auto}.zq-look>label{grid-column:1/-1}}.zq-trim{gap:10px;min-width:0;display:grid}.zq-wave{border-radius:var(--r-tile);background:var(--surface-2);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;height:112px;margin:0 2px;position:relative}.zq-canvas{width:100%;height:calc(100% - 16px);display:block;position:absolute;inset:8px 0}.zq-wave-note{text-align:center;color:var(--fg-2);place-items:center;margin:0;padding:12px;font-size:14px;display:grid;position:absolute;inset:0}.zq-dim{background:color-mix(in oklab, var(--surface) 55%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.zq-head{background:var(--fg);pointer-events:none;opacity:.8;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:4px;bottom:4px}.zq-h{background:var(--fg);cursor:ew-resize;touch-action:none;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px}.zq-h:after{content:"";position:absolute;inset:0 -16px}.zq-grip{background:var(--surface);border:2px solid var(--fg);border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;bottom:-10px;left:50%;box-shadow:0 1px 4px #00000040}.zq-h:focus-visible{box-shadow:var(--ring);outline:none}.zq-h:focus-visible .zq-grip{box-shadow:var(--ring), 0 1px 4px #00000040}.zq-h-on .zq-grip{transform:scale(1.12)}.zq-trim .zg-ends{margin-top:8px}.zq-trim-row{grid-template-columns:repeat(2,minmax(0,150px)) auto auto;align-items:end;gap:10px 12px;min-width:0;display:grid}.zq-len{gap:6px;display:grid}.zq-len-v{height:40px;color:var(--fg);font-variant-numeric:tabular-nums;align-items:center;font-size:15px;display:flex}.zq-play{justify-self:start;height:40px}@media (max-width:560px){.zq-trim-row{grid-template-columns:repeat(2,minmax(0,1fr))}.zq-play{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.zq-h-on .zq-grip{transform:none}}