.clip-stage{position:relative;width:100%;line-height:0}.clip-canvas{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#0a0706}.clip-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1.2rem,env(safe-area-inset-bottom));background:rgba(5,3,3,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:clip-in .35s var(--ease,ease) both}.clip-panel{max-width:440px;margin:auto 0;flex-direction:column}.clip-head,.clip-panel{width:100%;display:flex;align-items:center}.clip-head{justify-content:space-between;margin-bottom:.7rem}.clip-title{margin:0;font-family:var(--mono);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ash-dim)}.clip-x{width:2.4rem;height:2.4rem;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--ash);font-size:1.3rem;line-height:1;cursor:pointer;transition:border-color .3s,color .3s}.clip-x:hover{border-color:var(--ember);color:var(--ember)}.clip-x:disabled{opacity:.35;cursor:default}.clip-stagebox{position:relative;width:min(100%,calc((100vh - 15rem) * 9 / 16));min-width:200px;border:1px solid var(--line);box-shadow:0 0 70px rgba(226,1,1,.12),0 30px 70px rgba(0,0,0,.55)}@supports (height:100dvh){.clip-stagebox{width:min(100%,calc((100dvh - 15rem) * 9 / 16))}}.clip-rec{position:absolute;top:.7rem;left:.7rem;display:flex;align-items:center;gap:.4rem;line-height:1;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;color:var(--ash);background:rgba(10,7,6,.7);padding:.35rem .5rem}.clip-recdot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ember);animation:clip-blink 1s steps(2,start) infinite}.clip-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.clip-bar{width:min(100%,320px);height:2px;background:var(--line-soft);margin-top:.8rem;overflow:hidden}.clip-bar span{display:block;height:100%;background:var(--ember);transition:width .25s linear}.clip-note,.clip-status{font-family:var(--mono);font-size:.62rem;line-height:1.7;color:var(--ash-faint);text-align:center;margin:.8rem 0 0;max-width:26rem}.clip-status:empty{display:none}.clip-note{color:var(--ash-dim)}.clip-note.ok{color:var(--ash)}.clip-landed{color:var(--ember-hot)}.clip-launch{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);background:rgba(10,7,6,.78);border:1px solid var(--line);padding:.7rem .95rem;cursor:pointer;transition:opacity .5s,border-color .3s,color .3s}.clip-launch:hover{border-color:var(--ember);color:var(--ember-hot)}.clip-launch .clip-launchdot{color:var(--ember)}.clip-launch.fixed{position:fixed;z-index:5;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom))}.clip-launch.ghost{opacity:0;pointer-events:none}@keyframes clip-in{0%{opacity:0}to{opacity:1}}@keyframes clip-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.clip-overlay,.clip-recdot{animation:none}.clip-bar span{transition:none}}