:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f4f7;font-synthesis:none;text-rendering:optimizelegibility;background:#080a0d;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:1040px;min-height:100%;margin:0}body{background:radial-gradient(circle at 10% -10%,#59f1b912,#0000 31rem),radial-gradient(circle at 91% 0,#7280ff0f,#0000 28rem),#080a0d;min-height:100vh;overflow-x:auto}button,select{font:inherit}button{color:inherit}.app-shell{width:min(1540px,100% - 52px);min-height:100vh;margin:0 auto;padding:26px 0 32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{background:#12161b;border:1px solid #2d333b;border-radius:12px;grid-template-columns:repeat(2,9px);place-content:center;gap:5px;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a}.brand-mark span{border:1px solid #79f2c0;border-radius:2px;width:9px;height:9px}.brand-mark span:first-child{background:#79f2c0;border-radius:5px 2px 2px}.brand h1{letter-spacing:.02em;margin:2px 0 0;font-size:21px;font-weight:620}.eyebrow{color:#66707b;letter-spacing:.18em;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700}.privacy-chip{color:#9aa3ad;background:#111419d9;border:1px solid #22282f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.privacy-dot{background:#67e8b1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #67e8b11a}.control-deck{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1115d1;border:1px solid #1d2228;border-radius:15px;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(135px,.72fr)) auto;align-items:stretch;gap:10px;margin-bottom:12px;padding:11px;display:grid;box-shadow:0 16px 50px #0003}.field{background:#11151a;border:1px solid #222831;border-radius:10px;flex-direction:column;gap:5px;min-width:0;padding:7px 12px;display:flex;position:relative}.field>span,.live-metrics span{color:#69737e;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:700}.field select{color:#e8ebee;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 22px 0 0;font-size:12px;font-weight:540;overflow:hidden}.field select:disabled{color:#606872;cursor:wait}.camera-field-row{align-items:center;gap:8px;min-width:0;display:flex}.camera-field-row select{flex:1}.camera-refresh{color:#aab4bf;cursor:pointer;background:#171c22;border:1px solid #2b333d;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;transition:border-color .16s,color .16s,background .16s;display:grid}.camera-refresh:hover:not(:disabled){color:#67e8b1;background:#1a2422;border-color:#46705f}.camera-refresh:disabled{color:#58616b;cursor:wait}.camera-refresh .spinning{animation:.8s linear infinite spin}.live-metrics{align-items:center;gap:0;padding:4px 0;display:flex}.live-metrics>div{border-left:1px solid #242a31;flex-direction:column;justify-content:center;gap:5px;min-width:112px;height:100%;padding:0 18px;display:flex}.live-metrics strong{white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500}.live-metrics small{color:#66707b;font-size:8px}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.video-card{background:#0d1014;border:1px solid #20262d;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 18px 46px #0000003d}.source-card{border-top-color:#303943}.output-card{border-top-color:#67e8b173}.card-header{background:linear-gradient(#12161b,#0f1317);border-bottom:1px solid #1b2026;justify-content:space-between;align-items:center;gap:16px;min-height:67px;padding:0 17px;display:flex}.card-header>div{align-items:center;gap:11px;min-width:0;display:flex}.card-index{color:#4d5762;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.card-header h2{margin:0 0 3px;font-size:13px;font-weight:620}.card-header p{color:#626c77;margin:0;font-size:10px}.resolution-tag{color:#69737e;border:1px solid #272e36;border-radius:6px;flex:none;padding:5px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.resolution-tag.accent{color:#79dcb1;background:#67e8b109;border-color:#67e8b12e}.media-stage{-webkit-user-select:none;user-select:none;background:#050607;width:100%;position:relative;overflow:hidden}.source-stage video{object-fit:fill;width:100%;height:100%;display:block}.output-stage{aspect-ratio:16/9;background:linear-gradient(45deg,#0a0d10 25%,#0000 25%) 0 0/20px 20px,linear-gradient(-45deg,#0a0d10 25%,#0000 25%) 0 10px/20px 20px,#07090b;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.canvas-frame{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative;box-shadow:0 8px 30px #0000007a}.canvas-frame canvas{background:#030405;width:100%;height:100%;display:block}.stage-placeholder{color:#545e69;letter-spacing:.03em;background:#080a0d;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;inset:0}.aperture{background:conic-gradient(from 10deg, transparent 0 14%, #1f252c 14% 18%, transparent 18% 31%, #1f252c 31% 35%, transparent 35% 48%, #1f252c 48% 52%, transparent 52% 65%, #1f252c 65% 69%, transparent 69% 82%, #1f252c 82% 86%, transparent 86%);border:1px solid #252c33;border-radius:50%;width:45px;height:45px}.processing-grid{opacity:.7;background-image:linear-gradient(#273039 1px,#0000 1px),linear-gradient(90deg,#273039 1px,#0000 1px);background-size:10px 10px;width:52px;height:42px;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 75%);mask-image:radial-gradient(circle,#000 25%,#0000 75%)}.paused-badge{color:#f5c96f;letter-spacing:.12em;background:#1f190ed1;border:1px solid #ffcb6b47;border-radius:6px;padding:5px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;position:absolute;top:12px;right:12px}.calibration-layer{z-index:2;touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-fill{fill:#67e8b117;stroke:none}.selection-line{fill:none;stroke:#7df0bd;stroke-width:2.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #67e8b159)}.control-point{cursor:grab}.control-point:active,.control-point.is-active{cursor:grabbing}.control-hit-area{fill:#0000}.control-ring{fill:#080c0cd6;stroke:#8af4c7;stroke-width:3px;vector-effect:non-scaling-stroke}.control-core{fill:#8af4c7;filter:drop-shadow(0 0 7px #67e8b1d9)}.control-label{pointer-events:none}.control-label rect{fill:#101a17;stroke:#7eefbf59;stroke-width:1px;vector-effect:non-scaling-stroke}.control-label text{fill:#b7f8d7;font-family:SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:700}.calibration-layer.is-invalid .selection-line{stroke:#ff727e}.calibration-layer.is-invalid .selection-fill{fill:#ff5b6917}.calibration-layer.is-invalid .control-ring{stroke:#ff727e}.calibration-layer.is-disabled{opacity:0;pointer-events:none}.status-row{color:#89939e;background:#0d1014;border:1px solid #1f252b;border-radius:10px;align-items:center;gap:9px;min-height:41px;margin:12px 0;padding:0 14px;font-size:11px;display:flex}.status-row p{margin:0}.status-indicator{background:#59636e;border-radius:50%;flex:none;width:6px;height:6px}.tone-success .status-indicator{background:#6ee7b7;box-shadow:0 0 0 4px #6ee7b712}.tone-warning{color:#c9ab70;border-color:#f5be5c33}.tone-warning .status-indicator{background:#f2bd5c}.tone-error{color:#dc8990;border-color:#ff64703d}.tone-error .status-indicator{background:#ff6470}.tone-loading .status-indicator{background:#7698ff;animation:1.2s ease-in-out infinite pulse}.inline-action{color:#8fc9ff;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:11px}.action-bar{background:#0e1115;border:1px solid #1d2228;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:12px;display:flex}.action-group{gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:11px;font-weight:580;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.38;cursor:not-allowed}.button.ghost{color:#a2abb5;background:#12161b;border-color:#262d35}.button.ghost:hover:not(:disabled){background:#161b21;border-color:#3a444f}.button.secondary{color:#c2d8cd;background:#141a17;border-color:#344038}.button.primary{color:#07100c;background:#78e6b4;min-width:128px;box-shadow:0 8px 22px #52d69d21}.button.primary:hover:not(:disabled){background:#8cebc1}.toast{z-index:20;color:#cfd5db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12161bf5;border:1px solid #2c343c;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:11px;display:flex;position:fixed;bottom:26px;right:28px;box-shadow:0 18px 42px #0000006b}.toast>span{color:#09120e;background:#79e7b5;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:800;display:grid}.toast-info>span{color:#d6e1ff;background:#40547f}.toast-enter-active,.toast-leave-active{transition:all .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.output-card:fullscreen{background:#000;border:0;border-radius:0;flex-direction:column;width:100vw;height:100vh;display:flex}.output-card:fullscreen .card-header{display:none}.output-card:fullscreen .output-stage{aspect-ratio:auto;background:#000;flex:1;width:100%;height:100%;padding:0}.output-card:fullscreen .canvas-frame{width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;aspect-ratio:auto!important}.output-card:fullscreen canvas{object-fit:contain;width:100%;height:100%}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{width:calc(100% - 32px)}.control-deck{grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(130px,.7fr))}.live-metrics{display:none}}