:root{color-scheme:dark;--mobile-bg:#101211;--mobile-accent:#b5ef74}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--mobile-bg);color:#f2f6ef}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45}.mobile-nav{position:sticky;top:0;z-index:20;display:flex;gap:15px;align-items:center;padding:10px 18px;padding-top:max(10px,env(safe-area-inset-top));background:#101211f5;border-bottom:1px solid #34412e}.mobile-nav a{color:var(--mobile-accent);text-decoration:none;font-weight:700}.mobile-nav span{margin-left:auto;font-size:13px}.mobile-nav button{padding:6px 12px;background:transparent;color:#dfe8d7;border:1px solid #536147;border-radius:8px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);padding:28px;background:#191e19;border:1px solid #35412f;border-radius:20px}.login-card h1{font-size:34px;margin:10px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--mobile-accent);margin-top:20px}.muted{color:#a8b3a3;line-height:1.65}.small{font-size:12px}.login-card form{display:grid;gap:10px;margin:28px 0 12px}.login-card input{width:100%;border:1px solid #4a5941;background:#101510;color:#fff;border-radius:9px;padding:13px;min-height:48px}.login-card label{font-size:13px}.login-card button{background:var(--mobile-accent);color:#16200f;border:0;border-radius:9px;padding:14px;font-weight:700;margin-top:12px}#login-error{color:#ffadad;min-height:22px}.mobile-notice{padding:10px 16px;background:#383017;color:#ffe6a5;font-size:13px}.drag-handle{touch-action:none}.mobile-nav+header{padding-top:14px}#result-video-2{margin-top:16px}.preview-note{font-size:12px;color:#b5ef74;padding:4px 0}.quality-picker{margin-bottom:8px}.mobile-footer{color:#a8b3a3;font-size:12px}
@media(max-width:700px){main{padding:14px!important}.heading{display:block}.heading h1{font-size:25px}.heading .actions{justify-content:flex-start;max-width:none}.actions button{min-height:46px}.stats{gap:15px;padding:12px}.stat strong{font-size:21px}.stats .note{display:none}.workspace{display:flex;flex-direction:column;gap:14px}.player-panel{order:0;position:relative;top:0}.workspace>section{order:1}.player-panel video{max-height:240px;aspect-ratio:16/9}.player-title{padding:10px}.player-body{padding:10px}.player-body .hint{display:none}.player-buttons{margin-bottom:8px}.player-buttons button{min-height:40px}.position{margin-bottom:8px}.list{max-height:60dvh;min-height:260px;overscroll-behavior:contain;padding:4px}.row{padding:12px}.row-top{flex-wrap:wrap}.row-top .titlebox{flex-basis:calc(100% - 120px)}.cliptitle{white-space:normal;font-size:14px}.row-bottom{padding-left:0;gap:8px}.time-field input{width:112px;min-height:44px;font-size:16px}.order button{min-height:42px}.length{flex-basis:100%}.row-bottom>button{min-height:42px}.split-estimate{position:sticky;top:calc(52px + env(safe-area-inset-top));z-index:8;gap:24px;padding:12px}.split-estimate strong{font-size:22px}.drag-handle{padding:8px;min-width:36px;min-height:44px}.steps{display:none}.mobile-nav{font-size:14px}}