:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#090d0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.mobile-shell{min-height:100dvh;width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0c1010f5,#080a0cfa),#090d0f}.camera-stage{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:radial-gradient(circle at 50% 18%,rgba(77,166,132,.22),transparent 32%),linear-gradient(145deg,#0a1110,#171f1b 46%,#111318)}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#080d10}.internal-capture-frame{position:absolute;width:1px;height:1px;left:0;top:0;border:0;opacity:0;pointer-events:none}.empty-preview{position:absolute;inset:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;color:#f7fbffc7}.empty-preview strong{font-size:20px;line-height:1.2}.empty-preview small{color:#f7fbff94}.preview-mark{width:58px;height:42px;justify-self:center;border:2px solid rgba(247,251,255,.64);border-radius:8px;position:relative}.preview-mark:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(247,251,255,.42);border-radius:50%;left:18px;top:10px}.top-status,.signal-strip,.operator-banner,.subtitle-box,.chat-line{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top-status{position:absolute;top:10px;left:10px;right:10px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#070c0da8;color:#f7fbff;font-size:13px}.top-status>div{min-width:0;display:flex;align-items:center;gap:7px;white-space:nowrap}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#7a8894}.status-dot.ok{background:#41d39b;box-shadow:0 0 0 4px #41d39b2e}.status-dot.warn{background:#f2c15f;box-shadow:0 0 0 4px #f2c15f2e}.status-dot.bad{background:#ef6b73;box-shadow:0 0 0 4px #ef6b732e}.operator-banner{position:absolute;top:62px;left:12px;right:12px;padding:10px 12px;border-radius:8px;background:#2b3d31c2;color:#e9f7ff;font-size:14px;line-height:1.45}.overlay-stack{position:absolute;left:10px;right:10px;bottom:92px;display:grid;gap:10px;pointer-events:none}.chat-list{width:min(88%,340px);max-height:34dvh;align-self:end;display:grid;align-content:end;gap:6px;overflow:hidden}.chat-line{width:fit-content;max-width:100%;padding:6px 9px;border-radius:8px;background:#070b0ca8;color:#f7fbffeb;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.chat-name{margin-right:7px;color:#75dbbd;font-weight:700}.subtitle-box{justify-self:center;width:min(100%,560px);display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:#05080ac2;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.74)}.subtitle-box span{color:#f7fbffb8;font-size:13px;line-height:1.4}.subtitle-box strong{color:#fff;font-size:18px;line-height:1.32}.signal-strip{position:absolute;left:10px;right:10px;bottom:10px;min-height:70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:8px;background:#070c0da8}.signal-strip span{min-width:0;min-height:26px;display:flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:6px;background:#ffffff14;color:#f7fbffd1;font-size:12px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.error-line{min-height:28px;margin:0;padding:7px 10px;border-radius:8px;background:#ef6b7326;color:#ffd8dc;font-size:13px;line-height:1.35}.control-bar{height:76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.control-button{min-width:0;min-height:64px;display:grid;place-items:center;gap:3px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#173027;color:#f7fbff;cursor:pointer;touch-action:manipulation}.control-button.primary{background:#f3f7f6;color:#0f1a22}.control-button:nth-child(3){background:#2b2632}.control-button:active{transform:translateY(1px)}.control-button span{height:28px;display:grid;place-items:center;font-size:22px;line-height:1}.control-button small{font-size:13px;line-height:1}@media(min-width:680px){.mobile-shell{width:min(430px,100%);margin:0 auto}}