:root{color:#eef5fb;background:#05080c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(36,200,255,.08),transparent 32rem),#05080c}button,select,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,900px);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.topbar h1{margin:0;color:#f7fbff;font-size:clamp(1.55rem,6vw,2.2rem);font-weight:760;letter-spacing:0}.topbar p{margin:4px 0 0;color:#8e9aa8;font-size:.88rem}.icon-button,.clear-button,.stage-tool{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#e8f2fb;background:#ffffff0f}.mode-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0f}.mode-control button{min-height:46px;border:0;border-radius:7px;color:#d8e2eb;background:transparent;font-weight:700}.mode-control button.selected{color:#071018;background:#f7fbff}.upload-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.clip-picker{display:grid;grid-template-columns:68px 1fr auto;gap:12px;align-items:center;min-height:92px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(145deg,#ffffff1a,#ffffff0b)}.clip-picker.active{border-color:#24c8ffbf}.clip-picker.disabled{opacity:.5}.clip-picker input{display:none}.clip-thumb{display:grid;width:68px;height:68px;place-items:center;border:1px dashed rgba(238,245,251,.55);border-radius:8px;color:#dce8f2;background:#05080c59}.clip-meta{min-width:0}.clip-meta strong,.viewer-header strong{display:block;overflow:hidden;color:#f7fbff;font-size:1rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.clip-meta span,.clip-meta small,.viewer-header span{display:block;overflow:hidden;margin-top:4px;color:#9aa7b5;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.clear-button{width:36px;height:36px}.viewer-panel,.chart-panel{overflow:hidden;margin-bottom:14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#10161d;box-shadow:0 18px 54px #00000038}.viewer-header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.viewer-header div{min-width:0}.viewer-header select{flex:0 0 auto;min-height:38px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#e8f2fb;background:#151d26;font-size:.86rem}.video-stage{position:relative;display:grid;aspect-ratio:4 / 3;width:100%;overflow:hidden;background:#05080c}.video-stage video,.video-stage canvas,.empty-stage{grid-area:1 / 1;width:100%;height:100%}.video-stage video{object-fit:contain}.video-stage canvas{pointer-events:none}.empty-stage{display:grid;place-items:center;align-content:center;gap:12px;color:#9aa7b5;background:linear-gradient(135deg,rgba(36,200,255,.13),transparent),#0a0f15}.stage-tool{position:absolute;right:12px;bottom:12px}.scrubber{width:calc(100% - 28px);margin:14px;accent-color:#24c8ff}.error-text{margin:0 14px 14px;color:#ff8795;font-size:.88rem}.section-title div{display:flex;align-items:center;gap:8px}.section-title h2{margin:0;color:#f7fbff;font-size:1.02rem;font-weight:760}.section-title span{color:#8e9aa8;font-size:.84rem}.chart{height:310px;padding:0 6px 8px}.action-bar{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:4px}.action-bar button{display:grid;min-height:78px;place-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#f7fbff;background:#11171ef0;box-shadow:0 12px 28px #00000038;font-size:.84rem;font-weight:750}.action-bar button.primary{border-color:#24c8ff7a;background:linear-gradient(135deg,#1688e5,#0f6bb9)}.action-bar button:disabled{cursor:not-allowed;opacity:.45}@media(min-width:720px){.app-shell{padding-inline:24px}.upload-grid{grid-template-columns:1fr 1fr}.video-stage{aspect-ratio:16 / 9}.action-bar button{min-height:68px}}