:root{color-scheme:light;--text: #10151f;--muted: #5b6472;--accent: #2f6df6;--accent-strong: #1d4fd8;--danger: #d64545;--glass-bg: rgba(255, 255, 255, .42);--glass-bg-strong: rgba(255, 255, 255, .62);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 18px 50px -20px rgba(18, 27, 45, .45);--glass-blur: 22px;--page-bg: #eef2f9}:root[data-theme=dark]{color-scheme:dark;--text: #eef1f6;--muted: #a3adbd;--accent: #6c9bff;--accent-strong: #82adff;--danger: #ff8a80;--glass-bg: rgba(28, 33, 44, .52);--glass-bg-strong: rgba(38, 44, 58, .66);--glass-border: rgba(255, 255, 255, .14);--glass-shadow: 0 20px 55px -22px rgba(0, 0, 0, .8);--page-bg: #0d1017}*{box-sizing:border-box}body{margin:0;padding:2.5rem 1rem 4rem;min-height:100vh;background:var(--page-bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Noto Sans SC,sans-serif;line-height:1.6;overflow-x:hidden}.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;display:block;border-radius:50%;filter:blur(80px);opacity:.55}.blob-a{width:46vw;height:46vw;top:-12vw;left:-8vw;background:radial-gradient(circle at 35% 35%,#6ea8ff,#2f6df6 60%,transparent 72%);animation:drift-a 26s ease-in-out infinite alternate}.blob-b{width:40vw;height:40vw;top:28vh;right:-10vw;background:radial-gradient(circle at 60% 40%,#ff9bd2,#a855f7 58%,transparent 72%);animation:drift-b 32s ease-in-out infinite alternate}.blob-c{width:38vw;height:38vw;bottom:-14vw;left:22vw;background:radial-gradient(circle at 45% 55%,#7ff0dc,#14b8a6 58%,transparent 72%);animation:drift-c 29s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate3d(8vw,10vh,0) scale(1.15)}}@keyframes drift-b{to{transform:translate3d(-10vw,-8vh,0) scale(1.1)}}@keyframes drift-c{to{transform:translate3d(6vw,-12vh,0) scale(1.18)}}.glass{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,#ffffffd9,#ffffff0d 38%,#fff0 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}header,main{max-width:760px;margin:0 auto}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}h1{margin:0 0 .25rem;font-size:1.6rem;letter-spacing:-.02em}h2{margin:0 0 1rem;font-size:1.15rem;letter-spacing:-.01em}h3{margin:1.75rem 0 .85rem;font-size:1rem}.subtitle{margin:0 0 1.75rem;color:var(--muted);font-size:.9rem;max-width:58ch}.card{border-radius:20px;padding:1.5rem;margin-bottom:1.25rem}.hidden{display:none!important}.hint{color:var(--muted);font-size:.85rem;margin:.6rem 0}.note{color:var(--muted);font-size:.8rem}.error{color:var(--danger);font-size:.9rem;margin:.85rem 0 0}.header-controls{display:flex;align-items:center;gap:.5rem}.header-control{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border-radius:50%;font-size:.78rem;font-weight:600;line-height:1}.theme-icon{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon-moon{fill:currentColor;stroke:none}.theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}button{font:inherit;padding:.55rem 1.2rem;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);color:var(--text);cursor:pointer;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px #ffffff73,0 6px 18px -12px #0f192d99;transition:transform .18s ease,background .25s ease,box-shadow .25s ease}button:hover:not(:disabled){background:var(--glass-bg-strong);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(150deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;box-shadow:inset 0 1px #fff6,0 10px 24px -12px var(--accent)}button.primary:hover:not(:disabled){background:linear-gradient(150deg,var(--accent-strong),var(--accent))}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:1.15rem 0 0}.checkbox{display:flex;align-items:center;gap:.45rem;cursor:pointer}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem 1rem}.grid label,.trim label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}select,input[type=number]{font:inherit;padding:.5rem .6rem;border:1px solid var(--glass-border);border-radius:11px;background:var(--glass-bg);color:var(--text);width:100%;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);box-shadow:inset 0 1px #ffffff59}option{background:var(--page-bg);color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent)}.group{border:1px solid var(--glass-border);border-radius:16px;padding:.9rem 1.1rem 1.1rem;margin:0 0 .9rem;background:#ffffff24}:root[data-theme=dark] .group{background:#ffffff0a}.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.group-title{font-size:.95rem;font-weight:600}.group-value{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.group .hint:first-of-type{margin-top:0}.segmented{display:flex;flex-wrap:wrap;gap:.4rem}.segmented button{padding:.38rem .85rem;border-radius:10px;font-size:.85rem}.segmented button.selected{background:linear-gradient(150deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff;box-shadow:inset 0 1px #ffffff59,0 8px 18px -12px var(--accent)}#wrap-drop-mode{margin-top:.55rem}.scale-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:-.2rem}#set-bitrate{margin-top:.75rem}.timeline{margin:.9rem 0 .5rem}.timeline-times{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:.45rem}.timeline-range{display:inline-flex;gap:.35rem;align-items:baseline;flex-wrap:wrap}.timeline-in,.timeline-out,.timeline-selected,.timeline-current{color:var(--text)}.timeline-track{position:relative;height:2.6rem;border-radius:12px;border:1px solid var(--glass-border);background:#7d8ca538;cursor:pointer;touch-action:none;overflow:hidden}.timeline-selection{position:absolute;top:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 42%,transparent),color-mix(in srgb,var(--accent) 24%,transparent));border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none}.timeline-handle{position:absolute;top:0;bottom:0;width:16px;margin-left:-8px;cursor:ew-resize;touch-action:none;z-index:2}.timeline-handle:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:74%;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0a14288c}.timeline-handle:focus-visible:after{outline:2px solid var(--accent);outline-offset:2px}.timeline-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--danger);box-shadow:0 0 8px #d64545cc;pointer-events:none;z-index:3}.timeline-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.timeline-controls button{padding:.4rem .9rem;font-size:.85rem}.icon-btn{min-width:5rem}video{width:100%;max-height:42vh;background:#000;border-radius:14px;border:1px solid var(--glass-border);display:block}.timer{font-size:2.25rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0}.rec-dot{display:inline-block;width:.6rem;height:.6rem;margin-right:.55rem;border-radius:50%;background:var(--danger);box-shadow:0 0 #d645458c;animation:pulse 1.6s ease-out infinite}@keyframes pulse{70%{box-shadow:0 0 0 .55rem #d6454500}to{box-shadow:0 0 #d6454500}}#export-progress{display:flex;align-items:center;gap:.85rem;margin-top:1.1rem}progress{flex:1;height:.55rem;border:none;border-radius:999px;overflow:hidden;background:#7d8ca540;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#7d8ca540;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:999px}#progress-label{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted);min-width:3ch}#unsupported ul{margin:0;padding-left:1.25rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){.rec-dot,.blob{animation:none}button{transition:none}button:hover:not(:disabled){transform:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass-bg: rgba(255, 255, 255, .9);--glass-bg-strong: rgba(255, 255, 255, .96)}:root[data-theme=dark]{--glass-bg: rgba(30, 35, 46, .94);--glass-bg-strong: rgba(40, 46, 60, .97)}}