.export{flex-direction:column;flex:1;min-height:0;display:flex}.export__context{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem 1rem 0;display:flex}.export__back{min-height:44px;color:var(--amber);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex:none;align-items:center;gap:.3rem;padding:.25rem .2rem;font-size:.9rem;font-weight:600;display:inline-flex}.export__back:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.export__summary{flex-direction:column;align-items:flex-end;gap:.15rem;min-width:0;padding-top:.35rem;display:flex}.export__summary-title{max-width:100%;font-family:var(--font-body);color:var(--monitor);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.export__summary-clip{color:var(--amber);align-items:baseline;gap:.3rem;display:flex}.export__summary-clip-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:.6875rem}.export__summary-clip-value,.export__summary-clip-duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem}.export__preview{flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex;overflow:hidden}.export__preview-frame{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.export__preview-frame>.clip-thumbnail{width:min(100cqw, calc(100cqh * var(--clip-thumbnail-ratio)));height:auto;max-height:100%}.export__preview-hint{color:color-mix(in srgb, var(--monitor) 60%, transparent);font-family:var(--font-body);text-align:center;flex:none;margin-top:.55rem;font-size:.72rem;line-height:1.35}.export__controls{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--console);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;gap:.9rem;margin-top:auto;display:flex;position:sticky;bottom:0}.export__field{flex-direction:column;gap:.4rem;display:flex}.export__field-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--monitor);opacity:.65;font-size:.75rem;font-weight:600}.export__segments{gap:.4rem;display:flex}.export__template-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.export__template-option{border:1px solid color-mix(in srgb, var(--monitor) 16%, transparent);min-width:0;color:var(--monitor);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;gap:.45rem;padding:.35rem;display:flex}.export__template-option>.clip-thumbnail{width:100%}.export__template-option>span{font-family:var(--font-body);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0 .15rem .15rem;font-size:.78rem;font-weight:600;overflow:hidden}.export__template-option[aria-checked=true]{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.export__template-option[aria-checked=true]>span{color:var(--amber)}.export__template-option:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.export__segment{border:1px solid color-mix(in srgb, var(--monitor) 16%, transparent);min-height:44px;color:var(--monitor);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:.5rem .6rem;font-size:.9rem}.export__segment--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.export__segment[aria-checked=true]{background:var(--amber);border-color:var(--amber);color:var(--booth);font-weight:600}.export__segment:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.export__rec-btn{background:var(--rec);min-height:52px;color:var(--monitor);font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;font-size:1.05rem;font-weight:700;animation:1.6s ease-in-out infinite rec-pulse}.export__rec-btn:disabled{opacity:.7;cursor:default}.export__rec-btn:focus-visible{outline:2px solid var(--monitor);outline-offset:2px}.export__error{flex-direction:column;gap:.6rem;display:flex}.export__error-msg{font-family:var(--font-body);color:var(--rec);margin:0;font-size:.9rem;font-weight:600}.export__actions{gap:.6rem;display:flex}.export__download-btn,.export__share-btn{min-height:52px;color:var(--booth);font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;flex:1;font-size:1.05rem;font-weight:700}.export__download-btn{background:var(--amber)}.export__share-btn{background:var(--cue)}.export__download-btn:focus-visible,.export__share-btn:focus-visible{outline:2px solid var(--monitor);outline-offset:2px}.export__progress{flex-direction:column;justify-content:center;gap:.5rem;min-height:52px;display:flex}.export__progress-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--amber);align-self:center;font-size:.9rem}@media (prefers-reduced-motion:reduce){.export__rec-btn{animation:none}}@keyframes rec-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--rec) 55%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--rec) 0%, transparent)}}.clip-thumbnail{background:var(--booth);width:100%;max-width:100%;color:var(--monitor);isolation:isolate;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--monitor) 10%, transparent);border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.clip-thumbnail__background,.clip-thumbnail__shade{width:100%;height:100%;position:absolute;inset:0}.clip-thumbnail__background{z-index:-2;object-fit:cover;filter:blur(2.8cqw);opacity:.42;transform:scale(1.1)}.clip-thumbnail__shade{z-index:-1;background:#0f0f13d6}.clip-thumbnail__frame{flex-direction:column;width:100%;height:100%;padding:6cqw;display:flex;position:relative}.clip-thumbnail__media{align-items:flex-start;gap:4cqw;display:flex}.clip-thumbnail__cover{object-fit:cover;background:linear-gradient(135deg, color-mix(in srgb, var(--amber) 30%, var(--booth)), var(--console));border-radius:2.2cqw;flex:0 0 29cqw;width:29cqw;height:29cqw}.clip-thumbnail--console .clip-thumbnail__cover{border-radius:0}.clip-thumbnail__meta{flex-direction:column;flex:1;gap:2.2cqw;min-width:0;display:flex}.clip-thumbnail__title{color:var(--monitor);font-family:var(--font-body);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:4.5cqw;font-weight:500;line-height:1.08;display:-webkit-box;overflow:hidden}.clip-thumbnail__artist,.clip-thumbnail__label,.clip-thumbnail__handle{color:var(--amber);font-family:var(--font-mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.clip-thumbnail__artist{font-size:2.6cqw;line-height:1.15}.clip-thumbnail__label{margin-top:4cqw;font-size:2.1cqw}.clip-thumbnail__rule{background:color-mix(in srgb, var(--monitor) 14%, transparent);height:1px;margin-top:5cqw}.clip-thumbnail__time{color:var(--amber);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:1.7cqw;font-size:5.4cqw;font-weight:500;line-height:1}.clip-thumbnail__wave{flex:1;justify-content:space-between;align-items:center;gap:.55cqw;min-height:14cqw;margin:6cqw -6cqw 4cqw;display:flex;position:relative}.clip-thumbnail__wave span{background:var(--amber);opacity:.78;border-radius:99px;flex:1;min-width:1px}.clip-thumbnail__wave i{background:var(--monitor);width:1px;position:absolute;top:-3%;bottom:-3%;left:50%}.clip-thumbnail__progress{background:color-mix(in srgb, var(--monitor) 15%, transparent);border-radius:99px;height:max(2px,.45cqw);position:relative}.clip-thumbnail__progress>span{background:var(--amber);border-radius:99px;min-width:2.5cqw;height:max(4px,.85cqw);position:absolute;top:-.2cqw}.clip-thumbnail__progress--ticks{background:repeating-linear-gradient(to right, color-mix(in srgb, var(--monitor) 35%, transparent) 0 1px, transparent 1px 3.1cqw), color-mix(in srgb, var(--monitor) 12%, transparent)}.clip-thumbnail__handle{letter-spacing:.02em;text-align:center;text-transform:none;margin-top:4cqw;font-size:2.2cqw}.clip-thumbnail__console-time{justify-content:space-between;align-items:baseline;gap:2cqw;display:flex}.clip-thumbnail__console-time>span{color:color-mix(in srgb, var(--monitor) 78%, transparent);font-family:var(--font-mono);white-space:nowrap;font-size:2.5cqw}.clip-thumbnail__console .clip-thumbnail__wave{margin-left:0;margin-right:0}.clip-thumbnail__console .clip-thumbnail__wave i{background:var(--amber);left:8%}.clip-thumbnail__poster{align-items:flex-start}.clip-thumbnail__wordmark{color:var(--amber);font-family:var(--font-display);letter-spacing:.04em;font-size:3.4cqw}.clip-thumbnail__poster>.clip-thumbnail__label:first-of-type{margin-top:6cqw}.clip-thumbnail__poster>.clip-thumbnail__title{-webkit-line-clamp:6;margin-top:4cqw;font-size:7.2cqw;line-height:1.02}.clip-thumbnail__poster>.clip-thumbnail__artist{margin-top:3cqw}.clip-thumbnail__poster .clip-thumbnail__wave{width:calc(100% + 12cqw)}.clip-thumbnail__poster-time-label{margin-top:0}.clip-thumbnail__poster>.clip-thumbnail__handle{text-align:left;width:100%;margin-top:4cqw}.clip-thumbnail[data-format="9x16"] .clip-thumbnail__media{flex-direction:column;align-items:center}.clip-thumbnail[data-format="9x16"] .clip-thumbnail__cover{flex-basis:58cqw;width:58cqw;height:58cqw}.clip-thumbnail[data-format="9x16"] .clip-thumbnail__meta{width:100%;margin-top:2cqw}.clip-thumbnail[data-format="9x16"] .clip-thumbnail__title{-webkit-line-clamp:3;font-size:5.5cqw}.clip-thumbnail[data-format="9x16"] .clip-thumbnail__time{font-size:5.8cqw}.clip-thumbnail--compact{border-radius:8px;min-height:0}.clip-thumbnail--compact .clip-thumbnail__frame{padding:7cqw}.clip-thumbnail--compact .clip-thumbnail__rule,.clip-thumbnail--compact .clip-thumbnail__label,.clip-thumbnail--compact .clip-thumbnail__time,.clip-thumbnail--compact .clip-thumbnail__console-time,.clip-thumbnail--compact .clip-thumbnail__progress,.clip-thumbnail--compact .clip-thumbnail__handle{display:none}.clip-thumbnail--compact .clip-thumbnail__cover{flex-basis:38cqw;width:38cqw;height:38cqw}.clip-thumbnail--compact .clip-thumbnail__title{-webkit-line-clamp:3;font-size:7cqw}.clip-thumbnail--compact .clip-thumbnail__artist{font-size:4.3cqw}.clip-thumbnail--compact .clip-thumbnail__wave{min-height:18cqw;margin:auto -7cqw 0}.clip-thumbnail--compact.clip-thumbnail--deck .clip-thumbnail__progress,.clip-thumbnail--compact.clip-thumbnail--console .clip-thumbnail__progress{margin-top:auto;display:block}.clip-thumbnail--compact.clip-thumbnail--console .clip-thumbnail__console-time{margin-top:auto;display:flex}.clip-thumbnail--compact.clip-thumbnail--console .clip-thumbnail__console-time .clip-thumbnail__time{margin-top:0;font-size:6.2cqw;display:block}.clip-thumbnail--compact.clip-thumbnail--console .clip-thumbnail__console-time>span{font-size:3.8cqw}.clip-thumbnail--compact.clip-thumbnail--poster .clip-thumbnail__wordmark{font-size:6cqw}.clip-thumbnail--compact.clip-thumbnail--poster .clip-thumbnail__title{-webkit-line-clamp:4;margin-top:8cqw;font-size:10cqw}.clip-thumbnail--compact.clip-thumbnail--poster .clip-thumbnail__artist{margin-top:5cqw}.clip-thumbnail--compact.clip-thumbnail--poster .clip-thumbnail__wave{width:calc(100% + 14cqw)}.clip-thumbnail--compact[data-format="9x16"] .clip-thumbnail__cover{flex-basis:60cqw;width:60cqw;height:60cqw}.clip-thumbnail--kinetic .clip-thumbnail__background{animation:3.2s ease-in-out infinite clip-thumbnail-camera}.clip-thumbnail--kinetic .clip-thumbnail__cover{animation:3.2s ease-in-out infinite clip-thumbnail-cover}.clip-thumbnail--kinetic .clip-thumbnail__wave span{transform-origin:50%;animation:.72s ease-in-out infinite alternate clip-thumbnail-peak}.clip-thumbnail--kinetic .clip-thumbnail__wave span:nth-child(3n){animation-delay:-.3s}.clip-thumbnail--kinetic .clip-thumbnail__wave span:nth-child(4n){animation-delay:-.65s}.clip-thumbnail--kinetic .clip-thumbnail__wave span:nth-child(7n){animation-delay:-.9s}.clip-thumbnail--kinetic .clip-thumbnail__wave i{animation:3.2s linear infinite clip-thumbnail-playhead}.clip-thumbnail--kinetic .clip-thumbnail__frame{animation:3.2s ease-in-out infinite clip-thumbnail-frame}.clip-thumbnail--kinetic.clip-thumbnail--deck .clip-thumbnail__wave i{animation:.72s ease-in-out infinite alternate clip-thumbnail-deck-needle;left:50%}.clip-thumbnail--kinetic.clip-thumbnail--console .clip-thumbnail__wave i{animation:3.2s linear infinite clip-thumbnail-console-playhead;left:0}.clip-thumbnail--paused *,.clip-thumbnail--paused :before,.clip-thumbnail--paused :after{animation-play-state:paused!important}.clip-thumbnail[data-peaks-status=loading] .clip-thumbnail__wave{opacity:.35}.clip-thumbnail[data-peaks-status=error] .clip-thumbnail__wave{opacity:.22}@keyframes clip-thumbnail-camera{0%,to{transform:scale(1.1)translate(-1.5%)}50%{transform:scale(1.22)translate(1.5%)}}@keyframes clip-thumbnail-cover{0%,to{transform:scale(.94)rotate(-1.5deg)}50%{transform:scale(1.035)rotate(1deg)}}@keyframes clip-thumbnail-peak{0%{opacity:.38;transform:scaleY(.38)}to{opacity:1;transform:scaleY(1)}}@keyframes clip-thumbnail-playhead{0%{opacity:0;transform:translate(-7cqw)}12%,88%{opacity:1}to{opacity:0;transform:translate(7cqw)}}@keyframes clip-thumbnail-frame{0%,to{opacity:.86}12%,88%{opacity:1}}@keyframes clip-thumbnail-deck-needle{0%{opacity:.42;box-shadow:0 0 0 0 color-mix(in srgb, var(--amber) 0%, transparent)}to{opacity:1;box-shadow:0 0 10px 2px color-mix(in srgb, var(--amber) 65%, transparent)}}@keyframes clip-thumbnail-console-playhead{0%{left:0}to{left:100%}}@media (prefers-reduced-motion:reduce){.clip-thumbnail--kinetic *,.clip-thumbnail--kinetic :before,.clip-thumbnail--kinetic :after{animation:none!important}}