:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf4ff;background:#070a12;font-synthesis:none;text-rendering:optimizeLegibility;--panel: rgba(17, 22, 35, .94);--panel-soft: rgba(22, 29, 45, .86);--line: rgba(135, 159, 197, .18);--muted: #91a0b7;--cyan: #61d8ff;--cyan-strong: #1cbef3;--lime: #b7f35b;--danger: #ff6b78;--shadow: 0 24px 60px rgba(0, 0, 0, .34)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% -10%,rgba(54,111,173,.2),transparent 38%),radial-gradient(circle at 92% 12%,rgba(89,51,147,.18),transparent 32%),#070a12}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1480px,100%);margin:0 auto;padding:28px clamp(14px,3vw,42px) 48px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow,.step-label{color:var(--cyan);font-size:.7rem;font-weight:800;letter-spacing:.16em}.topbar h1{margin:5px 0 6px;font-size:clamp(2rem,4vw,3.3rem);line-height:1;letter-spacing:-.045em}.topbar p{max-width:720px;margin:0;color:var(--muted);font-size:.98rem}.privacy-badge{display:inline-flex;align-items:center;gap:9px;flex:none;padding:10px 13px;border:1px solid rgba(93,221,173,.25);border-radius:999px;background:#2c82621a;color:#a6e8cb;font-size:.78rem;font-weight:700}.privacy-badge span,.live-badge span{width:7px;height:7px;border-radius:50%;background:#62e4ad;box-shadow:0 0 12px #62e4ade6}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.78fr);gap:20px;align-items:start}.preview-column,.control-column{display:flex;flex-direction:column;gap:14px;min-width:0}.drop-zone{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px;border:1px dashed rgba(105,205,241,.46);border-radius:22px;background:linear-gradient(145deg,#101827eb,#0a0e18f5);box-shadow:var(--shadow);text-align:center;transition:border-color .16s ease,transform .16s ease,background .16s ease}.drop-zone:hover{border-color:var(--cyan);background:linear-gradient(145deg,#132234f5,#0a0e18fa);transform:translateY(-1px)}.drop-zone input,.file-replace input{display:none}.drop-icon{width:74px;height:74px;display:grid;place-items:center;margin-bottom:8px;border-radius:24px;background:linear-gradient(145deg,#61d8ff33,#61d8ff0f);color:var(--cyan);font-size:2.2rem;box-shadow:inset 0 0 0 1px #61d8ff38}.drop-zone strong{font-size:1.3rem}.drop-zone>span:not(.drop-action){color:var(--muted);font-size:.88rem}.drop-action{margin-top:12px;padding:11px 18px;border-radius:12px;background:var(--cyan-strong);color:#041018;font-weight:800}.preview-card,.recent-card,.control-card,.advanced-card,.status-banner,.analysis-summary{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.preview-card{overflow:hidden;border-radius:20px}.source-video{display:none}.canvas-wrap{position:relative;width:100%;background:#010204;line-height:0}.canvas-wrap.sampling{cursor:crosshair}.analysis-canvas{display:block;width:100%;max-height:72vh;object-fit:contain;touch-action:none;background:#000}.sampling-hint,.live-badge{position:absolute;top:14px;z-index:2;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1;font-size:.78rem;font-weight:800}.sampling-hint{left:50%;transform:translate(-50%);padding:10px 14px;background:#ffd75aeb;color:#211a04}.live-badge{left:14px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;background:#070c13cc;color:#c7ffe8}.transport{display:grid;grid-template-columns:auto auto minmax(80px,1fr) auto;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.transport input{width:100%}.icon-button{width:34px;height:30px;border:1px solid var(--line);border-radius:9px;background:#20293a;color:#fff}.preview-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.secondary-button,.preset-row button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid rgba(131,155,190,.22);border-radius:10px;background:#202839;color:#e9f0fb;font-weight:700;font-size:.82rem;transition:border-color .15s ease,background .15s ease}.secondary-button:hover,.preset-row button:hover{border-color:#61d8ff8c;background:#253147}.analysis-summary{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:16px}.analysis-summary>div{padding:14px 16px;border-right:1px solid var(--line)}.analysis-summary>div:last-child{border-right:0}.analysis-summary span{display:block;color:var(--muted);font-size:.72rem}.analysis-summary strong{display:block;margin-top:3px;font-size:1.15rem;font-variant-numeric:tabular-nums}.status-banner{display:flex;align-items:center;gap:11px;padding:14px 16px;border-radius:14px}.status-banner>div{min-width:0}.status-banner strong{display:block;font-size:.88rem}.status-banner small{display:block;overflow:hidden;margin-top:3px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.status-dot{width:10px;height:10px;flex:none;border-radius:50%;background:#8995a9;box-shadow:0 0 0 4px #8995a91a}.status-ready .status-dot,.status-complete .status-dot{background:#72dfae;box-shadow:0 0 0 4px #72dfae1a}.status-analyzing .status-dot{background:var(--cyan);box-shadow:0 0 0 4px #61d8ff1f;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.42;transform:scale(.86)}}.control-card,.advanced-card,.recent-card{padding:17px;border-radius:16px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin:3px 0 0;font-size:1rem;letter-spacing:-.015em}.section-copy,.quality-hint{margin:10px 0 14px;color:var(--muted);font-size:.78rem;line-height:1.55}.confidence{padding:5px 8px;border-radius:999px;font-size:.67rem;font-weight:800;white-space:nowrap}.confidence-high{background:#54d1961f;color:#91e8bd}.confidence-mid{background:#ffcb5c1f;color:#ffdb82}.confidence-low{background:#ff6b781f;color:#ff9aa4}.two-buttons,.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact-sliders{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-top:12px}.range-control{display:block;margin-top:12px}.range-control>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#c8d2e0;font-size:.76rem}.range-control strong{color:#f3f7fd;font-weight:750;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:4px;margin:0;accent-color:var(--cyan-strong)}.preset-row{display:flex;gap:7px;margin:11px 0 13px}.preset-row button{min-height:32px;padding:6px 10px;font-size:.73rem}.color-control{padding:10px;border:1px solid var(--line);border-radius:11px;background:#080c1461}.color-control>span{display:block;margin-bottom:8px;color:var(--muted);font-size:.72rem}.color-control>div{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:7px}.color-control input[type=color]{width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent}.color-control code{color:#dce6f5;font-size:.72rem}.color-control button{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:#273147;color:#fff}.color-control button.active{border-color:#ffd75a;background:#ffd75a33;color:#ffe68e}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:12px;padding:4px;border-radius:11px;background:#0c111d}.segmented-control button{min-height:35px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800;font-size:.76rem}.segmented-control button.selected{background:#273247;color:#fff;box-shadow:0 3px 10px #00000038}.audio-state{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#080c1466}.audio-icon{color:#7e899a}.audio-ready{color:#77e5b4}.audio-loading{color:var(--cyan);animation:pulse 1s ease-in-out infinite}.audio-state strong,.audio-state small{display:block}.audio-state strong{font-size:.77rem}.audio-state small{margin-top:2px;color:var(--muted);font-size:.69rem}.primary-action,.danger-action,.export-action{width:100%;min-height:46px;border-radius:12px;font-weight:850;letter-spacing:.01em}.primary-action{border:0;background:linear-gradient(135deg,#65dfff,#2bbce9);color:#04131a;box-shadow:0 10px 24px #2bbce92e}.danger-action{border:1px solid rgba(255,107,120,.46);background:#ff6b7821;color:#ffadb5}.export-action{margin-top:9px;border:1px solid rgba(183,243,91,.4);background:#b7f35b1c;color:#d6ff99}.progress-track{height:5px;overflow:hidden;margin-top:11px;border-radius:999px;background:#090d16}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan-strong),var(--lime));transition:width .18s linear}.advanced-card{padding:0;overflow:hidden}.advanced-card summary{padding:15px 17px;cursor:pointer;color:#dfe8f5;font-size:.82rem;font-weight:800}.advanced-content{padding:0 17px 17px;border-top:1px solid var(--line)}.select-control{display:block;margin-top:13px}.select-control span{display:block;margin-bottom:6px;color:#c8d2e0;font-size:.76rem}.select-control select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#171e2d;color:#eef4ff}.event-list{margin-top:12px}.event-row{display:grid;grid-template-columns:1fr repeat(3,auto);gap:16px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.event-row:last-child{border-bottom:0}.event-row strong{color:#eaf1fb}@media(max-width:1020px){.workspace{grid-template-columns:1fr}.control-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.status-banner,.advanced-card{grid-column:1 / -1}.drop-zone{min-height:430px}}@media(max-width:700px){.app-shell{padding:18px 10px 32px}.topbar{align-items:flex-start;flex-direction:column}.privacy-badge{white-space:normal}.control-column{display:flex}.analysis-summary{grid-template-columns:1fr 1fr}.analysis-summary>div:nth-child(2){border-right:0}.analysis-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.compact-sliders{grid-template-columns:1fr}.event-row{grid-template-columns:1fr auto auto}.event-row span:last-child{display:none}.topbar h1{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}