*{box-sizing:border-box;margin:0;padding:0;user-select:none}body,html{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:#0b0f19;color:#e2e8f0}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#top-bar{position:absolute;top:16px;left:20px;z-index:10;display:flex;align-items:center;gap:12px;pointer-events:none}.logo-tag{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:6px;text-transform:uppercase;box-shadow:0 4px 12px #0ea5e966}.title-box h1{font-size:17px;font-weight:600;color:#f8fafc;letter-spacing:.5px}.title-box p{font-size:11px;color:#94a3b8;margin-top:2px}#hud-overlay{position:absolute;bottom:20px;left:20px;z-index:10;pointer-events:auto}.hud-panel{background:#0f172ac7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;box-shadow:0 16px 36px #00000080,inset 0 1px #ffffff1a;max-width:580px}.hud-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hud-badge{font-size:10px;font-weight:700;color:#10b981;background:#10b98126;border:1px solid rgba(16,185,129,.3);padding:2px 8px;border-radius:4px}.hud-title{font-size:14px;font-weight:600;color:#f1f5f9}.hud-subtitle{font-size:11px;color:#64748b;margin-left:auto}.hud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.hud-card{background:#1e293b99;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 10px}.card-label{font-size:10px;color:#94a3b8;margin-bottom:4px}.card-value{font-size:13px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#38bdf8}.card-value .unit{font-size:10px;font-weight:400;color:#94a3b8}.text-green{color:#34d399!important}.hud-camera-bar{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.cam-label{font-size:11px;color:#94a3b8}.cam-btn{background:#33415599;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:11px;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .2s ease}.cam-btn:hover{background:#0ea5e966;border-color:#38bdf8;color:#fff;transform:translateY(-1px)}.annotation-tag{background:#0f172ad9;border:1px solid #38bdf8;border-radius:4px;padding:3px 8px;color:#f8fafc;font-size:11px;font-weight:600;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #00000080;transition:opacity .3s ease}.lil-gui{--background-color: rgba(15, 23, 42, .88) !important;--text-color: #e2e8f0 !important;--title-background-color: rgba(30, 41, 59, .9) !important;--widget-color: rgba(51, 65, 85, .7) !important;--hover-color: rgba(71, 85, 105, .9) !important;--focus-color: #0284c7 !important;--number-color: #38bdf8 !important;--string-color: #34d399 !important;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 16px 36px #00000080!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;top:16px!important;right:16px!important;z-index:100!important}.lil-gui .title{font-weight:600!important;font-size:12px!important;letter-spacing:.5px!important}