:root{--bg: #1c1c1e;--panel: #2c2c2e;--text: #ffffff;--muted: #9a9a9e;--accent: #2ea6ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);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:8px;background:#000;touch-action:none}.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:#3a3a3c;border-radius:8px;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:1}.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:6px;cursor:ew-resize;touch-action:none;z-index:2}.trim-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}input[type=range]{width:100%}label{font-size:14px;color:var(--muted)}.btn{padding:10px 16px;border:none;border-radius:10px;background:#3a3a3c;color:var(--text);font-size:15px;cursor:pointer}.btn.primary{background:var(--accent);color:#000;font-weight:600}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5}.status{color:var(--muted);font-size:14px}.error{color:#ff6b6b;padding:16px}.list h2{font-size:18px}.file-card{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border-radius:12px;background:var(--panel)}.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}