:root{--bg: #050510;--bg-panel: #111827;--bg-panel-soft: #020617;--border-soft: #1f2937;--accent: #6366f1;--accent-soft: #4f46e5;--accent-muted: #818cf8;--text: #f9fafb;--text-muted: #9ca3af;--danger: #f97373;--radius-xl: 1.25rem;--radius-lg: .9rem;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .65)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827,#020617 60%);color:var(--text)}.app-root{min-height:100vh;display:flex;flex-direction:column;padding:16px;max-width:1120px;margin:0 auto;gap:16px}.app-header{padding:16px 20px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#1f2937,#111827);box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,.2)}.app-title{margin:0 0 4px;font-size:1.6rem;letter-spacing:.03em}.app-subtitle{margin:0;color:var(--text-muted);font-size:.95rem}.app-main{display:flex;flex-direction:column;gap:16px}.panel{background:radial-gradient(circle at top left,#111827,#020617 65%);border-radius:var(--radius-xl);padding:14px 16px 18px;border:1px solid var(--border-soft);box-shadow:0 18px 40px #0f172a99;width:100%}.panel-title{margin:0 0 10px;font-size:1.05rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-muted)}.file-input-label{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);border:1px dashed rgba(148,163,184,.6);background:#0f172acc;cursor:pointer}.file-input-text{font-size:.9rem;color:var(--text-muted)}.file-input{display:none}.status-chip{margin-top:10px;padding:8px 10px;border-radius:999px;background:#0f172ae6;border:1px solid rgba(55,65,81,.8);font-size:.8rem;color:var(--text-muted)}.video-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#020617;border:1px solid rgba(55,65,81,.9);aspect-ratio:16 / 9}.video-frame video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.video-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.duration-info{margin-top:8px;font-size:.85rem;color:var(--text-muted)}.slider-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.slider-label{font-size:.85rem;color:var(--text-muted)}.trim-widget{display:flex;flex-direction:column;gap:10px}.trim-values-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.trim-slider-wrapper{position:relative;height:32px;display:flex;align-items:center}.trim-slider{position:absolute;left:0;right:0;width:100%;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none}.trim-slider-start{z-index:1}.trim-slider-end{z-index:2}.trim-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}.trim-slider-start::-webkit-slider-runnable-track{background:var(--track-gradient, #4b5563)}.trim-slider-end::-webkit-slider-runnable-track{background:transparent}.trim-slider::-moz-range-track{height:6px;border-radius:999px;background:transparent}.trim-slider-start::-moz-range-track{background:var(--track-gradient, #4b5563)}.trim-slider-end::-moz-range-track{background:transparent}.trim-slider::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:999px;background:var(--accent);border:2px solid #e5e7eb;box-shadow:0 0 0 2px #0f172ae6;margin-top:-5px}.trim-slider::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:999px;background:var(--accent);border:2px solid #e5e7eb;box-shadow:0 0 0 2px #0f172ae6}.trim-input-row{display:flex;flex-wrap:wrap;gap:8px}.trim-input-group{display:flex;flex-direction:column;gap:4px}.trim-input-label{font-size:.8rem;color:var(--text-muted)}input[type=range]{width:100%}.time-input{width:120px;padding:6px 8px;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#0f172ae6;color:var(--text);font-size:.85rem}.time-input:focus{outline:1px solid var(--accent)}.helper-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.btn{border:none;border-radius:999px;padding:8px 14px;font-size:.85rem;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-soft));color:#fff;box-shadow:0 10px 25px #4f46e599}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none}.btn-secondary{background:#0f172af2;color:var(--text-muted);border:1px solid rgba(55,65,81,.9)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #0f172acc}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.panel-export .btn-primary{min-width:190px}.download-row{margin-top:12px}.download-link{font-size:.9rem;color:var(--accent-muted);text-decoration:none;border-bottom:1px dashed rgba(129,140,248,.6)}.download-link:hover{color:#a5b4fc;border-bottom-color:#a5b4fc}.app-footer{margin-top:auto;padding:10px 4px 4px;font-size:.8rem;color:var(--text-muted);text-align:center}@media(max-width:900px){.panel-input{grid-column:1}}