.trim-layout{display:flex;flex-direction:column;gap:18px;margin-top:16px}.mplayer{background:#08090d;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.mplayer__stage{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#14161d,#08090d 70%);min-height:120px;padding:14px}.mplayer__video{max-width:100%;max-height:52vh;border-radius:10px;background:#000;display:block}.mplayer__cover{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--text-dim);font-size:15px;padding:18px 12px}.mplayer__cover-icon{font-size:40px}.mplayer__bar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border-top:1px solid var(--border)}.mplayer__btn{appearance:none;border:1px solid transparent;background:transparent;color:var(--text);width:34px;height:34px;border-radius:8px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.mplayer__btn:hover{background:var(--bg-elev-2);border-color:var(--border)}.mplayer__play{background:var(--accent);color:#fff}.mplayer__play:hover{background:var(--accent-2);border-color:transparent}.mplayer__time{font-family:ui-monospace,Consolas,monospace;font-size:13px;color:var(--text-dim);white-space:nowrap}.mplayer__spacer{flex:1}.mplayer__bar .mplayer__volume{width:84px;flex:none}@media(max-width:480px){.mplayer__bar .mplayer__volume{width:60px}}.trim-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:14px}.trimline{position:relative;height:68px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:10px;overflow:hidden;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none}.trimline__wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trimline__mask{position:absolute;top:0;bottom:0;background:#08090da8;pointer-events:none}.trimline__region{position:absolute;top:0;bottom:0;background:#6c8cff24;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);pointer-events:none}.trimline__handle{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;border:none;background:transparent;cursor:ew-resize;padding:0;z-index:3;touch-action:none}.trimline__handle:before{content:"";position:absolute;top:0;bottom:0;left:6px;width:3px;background:var(--accent)}.trimline__handle:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:26px;transform:translate(-50%,-50%);background:var(--accent);border-radius:4px;box-shadow:0 1px 4px #00000080}.trimline__handle:hover:after{background:var(--accent-2)}.trimline__playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 6px #fff9;pointer-events:none;z-index:2}.trim-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trim-field{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px}.trim-field label{color:var(--text-dim);font-size:13px}.trim-field input{width:110px;text-align:center}.trim-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.trim-meta__dur{color:var(--text-dim);font-size:14px}.trim-meta__dur strong{font-family:ui-monospace,Consolas,monospace;color:var(--accent);margin-left:6px}.trim-meta__actions{display:flex;gap:10px;flex-wrap:wrap}.trim-export{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.trim-export__opt{display:flex;align-items:center;gap:10px}.trim-export__opt select{width:auto;min-width:220px}.trim-result{background:var(--bg-elev);border:1px solid var(--green-soft);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.trim-result__head{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--green)}.trim-result__actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:560px){.trim-fields{grid-template-columns:1fr}.trim-export{flex-direction:column;align-items:stretch}}