:root{--bg: #1c1c1e;--panel: #2c2c2e;--text: #ffffff;--muted: #9a9a9e;--accent: #2ea6ff;--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 520px at 50% -12%,rgba(46,166,255,.16),transparent 62%),var(--bg);background-attachment:fixed;color:var(--text)}#app{max-width:480px;margin:0 auto;padding:12px}.editor{display:flex;flex-direction:column;gap:16px}.preview{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:16px;background:#000;touch-action:none;box-shadow:0 8px 24px #00000059}.preview video{position:absolute;transform-origin:0 0}.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none}.loading{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:none}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.crop-guide{position:absolute;inset:0;border:2px dashed rgba(255,255,255,.6);border-radius:50%;pointer-events:none;box-shadow:0 0 0 9999px #00000059;z-index:4}.play-icon{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .25s ease}.play-icon.visible{opacity:1}.play-icon-bg{position:absolute;width:56px;height:56px;border-radius:50%;background:#0000008c}.play-icon .ic{position:relative;width:28px;height:28px;fill:#fff;display:none}.play-icon.show-play .ic-play,.play-icon.show-pause .ic-pause{display:block}.zoom-hint{color:var(--muted);font-size:13px}.controls{display:flex;flex-direction:column;gap:12px}.trim{display:flex;flex-direction:column;gap:6px}.timeline{position:relative;height:40px;background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;touch-action:none;cursor:pointer}.timeline-selection{position:absolute;top:0;bottom:0;background:#2ea6ff59}.timeline-playhead{position:absolute;top:0;bottom:0;width:20px;margin-left:-10px;pointer-events:auto;touch-action:none;cursor:grab;z-index:3}.timeline-playhead:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:#fff}.timeline-playhead:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 3px #00000080}.handle{position:absolute;top:0;bottom:0;width:18px;margin-left:-9px;background:var(--accent);border:2px solid #fff;border-radius:8px;cursor:ew-resize;touch-action:none;z-index:2;box-shadow:0 1px 4px #0006}.trim-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}input[type=range]{--progress: 23%;-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--progress),#3a3a3c var(--progress));cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #0006}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#3a3a3c}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:none;box-shadow:0 1px 4px #0006}label{font-size:14px;letter-spacing:.01em;color:var(--muted)}.btn{padding:10px 16px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px #ffffff14;color:var(--text);font-size:15px;cursor:pointer}.btn.primary{background:linear-gradient(to bottom,#4db8ff,var(--accent));color:#001522;font-weight:600;box-shadow:inset 0 1px #ffffff59}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5}.btn:active:not(:disabled){transform:scale(.97);transition:transform .12s ease-out}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status{color:var(--muted);font-size:14px}.error{color:#ff6b6b;padding:16px}.list h2{font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.file-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px #ffffff0f}.file-card span{flex:1;color:var(--muted);font-size:14px}.file-thumb{width:44px;height:44px;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#3a3a3c}.file-thumb img{width:100%;height:100%;object-fit:cover;display:block}.badge{flex:0 0 auto!important;padding:2px 8px;border-radius:6px;background:#3a3a3c}@media (prefers-reduced-motion: reduce){.spinner{animation:none}.play-icon{transition:none}.btn:active:not(:disabled){transform:none;transition:none}}