:root{color-scheme:dark;--bg: #07080d;--bg-grid: rgba(0, 240, 255, .05);--card: rgba(13, 17, 28, .82);--card-solid: #0d111c;--text: #dff6ff;--muted: #6f8ba3;--border: rgba(0, 240, 255, .22);--border-strong: rgba(0, 240, 255, .5);--primary: #00f0ff;--accent: #fcee0a;--magenta: #ff2e88;--danger: #ff3b50;--ok: #4bffa5;--warn: #fcee0a}*{box-sizing:border-box}html,body{margin:0;min-height:100dvh}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}input,textarea,.rh-log{-webkit-user-select:text;user-select:text}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 8%,rgba(255,46,136,.16),transparent 42%),radial-gradient(circle at 88% 92%,rgba(0,240,255,.14),transparent 45%),var(--bg)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:44px 44px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}.page{width:min(100%,960px);margin:0 auto;padding:18px 16px 36px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.page-header h1{margin:0;font-size:25px;line-height:1.25;letter-spacing:0;text-transform:uppercase;color:var(--primary);text-shadow:0 0 12px rgba(0,240,255,.45)}.page-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.diagnose-link{flex:0 0 auto;display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:2px;color:var(--muted);text-decoration:none;font-size:13px}.diagnose-link:hover{border-color:var(--border-strong);color:var(--primary)}.status-banner{margin-bottom:14px;padding:13px 15px;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:2px;background:var(--card);font-size:14px;line-height:1.6;backdrop-filter:blur(6px)}.status-banner[data-kind=ready]{border-left-color:var(--ok)}.status-banner[data-kind=warn]{border-left-color:var(--warn)}.status-banner[data-kind=error]{border-left-color:var(--danger)}.status-title{margin-bottom:6px;font-weight:600;text-transform:uppercase;color:var(--primary)}.progress-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;color:var(--muted)}.progress-list li[data-state=done]{color:var(--ok)}.progress-list li[data-state=error]{color:var(--danger)}.progress-list li[data-state=active]{color:var(--primary)}.progress-track{height:4px;margin-top:10px;overflow:hidden;background:#00f0ff1f}.progress-track>div{width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 10px #00f0ff99;transition:width .25s ease}.section{margin-top:14px;padding:15px;border:1px solid var(--border);border-radius:2px;background:var(--card);backdrop-filter:blur(6px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;color:var(--primary)}.section-title:before{content:"";display:inline-block;width:3px;height:12px;margin-right:8px;vertical-align:-1px;background:var(--magenta);box-shadow:0 0 8px var(--magenta)}.disable-reason{margin:8px 0 0;color:var(--warn);font-size:12px;line-height:1.5}.disable-reason[hidden]{display:none}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.field{display:flex;align-items:center;gap:8px;flex:1 1 260px}.field label{flex:0 0 auto;font-size:13px;color:var(--muted)}.field input[type=text]{flex:1 1 auto;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.btn{min-height:40px;padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:14px}.btn-primary{border-color:var(--primary);color:var(--primary)}.btn:disabled{opacity:.42}input[type=range]{width:100%;accent-color:var(--primary)}#camera-video,#gesture-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#gesture-canvas{pointer-events:none}#gestureStatus{margin:10px 0 0;font-size:13px;color:var(--muted)}.rh-actions{display:flex;flex-wrap:wrap;gap:10px}.rh-actions button,.rh-action-btn{min-height:42px;border:1px solid var(--border-strong);border-radius:2px;background:#00f0ff0f;color:var(--text);padding:9px 14px;font-size:14px;cursor:pointer;line-height:1.2;text-transform:uppercase;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.rh-actions button:hover:not(:disabled),.rh-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#00f0ff24;box-shadow:0 0 12px #00f0ff4d}.rh-actions button:disabled,.rh-action-btn:disabled{opacity:.32;border-color:var(--border);background:transparent;cursor:not-allowed}.rh-actions input[type=text]{flex:1 1 auto;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:2px;background:#00000059;color:var(--text);font-size:14px}.rh-actions input[type=text]:focus,.rh-field input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #00f0ff40}.rh-field{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rh-field label{flex:0 0 auto;font-size:13px}.rh-field input[type=text]{flex:1 1 auto;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--border);border-radius:2px;background:#00000059;color:var(--text);font-size:14px;letter-spacing:0}.rh-field-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px;font-size:13px}.rh-field-row label{display:flex;align-items:center;gap:6px}.rh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.rh-grid button{min-height:46px;padding:10px 8px;border:1px solid var(--border-strong);border-radius:2px;background:#ff2e8812;color:var(--text);font-size:14px;cursor:pointer;text-transform:uppercase;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.rh-grid button:hover:not(:disabled){border-color:var(--magenta);color:var(--magenta);background:#ff2e8829;box-shadow:0 0 12px #ff2e884d}.rh-grid button:active:not(:disabled){transform:translateY(1px);border-color:var(--accent);color:var(--accent);background:#fcee0a33;box-shadow:0 0 16px #fcee0a73}.rh-grid button.is-fired{border-color:var(--accent);color:var(--accent);background:#fcee0a2e;box-shadow:0 0 14px #fcee0a66}.rh-grid button.is-active{border-color:var(--magenta);color:var(--magenta);background:#ff2e8833;box-shadow:inset 0 0 0 1px #ff2e8866}.rh-grid button:disabled{opacity:.3;border-color:var(--border);background:transparent;cursor:not-allowed}.rh-actions button:active:not(:disabled),.rh-action-btn:active:not(:disabled){transform:translateY(1px);background:#00f0ff33}.rh-sliders{display:flex;flex-direction:column;gap:8px;margin-top:4px}.rh-slider-row{display:grid;grid-template-columns:64px minmax(0,1fr) 52px;align-items:center;gap:12px;padding:8px 12px;border:1px solid transparent;border-left:2px solid var(--border);background:#00f0ff08}.rh-slider-row:focus-within{border-left-color:var(--primary);background:#00f0ff14}.rh-slider-row span:first-child{font-size:13px;color:var(--muted);white-space:nowrap}.rh-slider-row input[type=range]{width:100%;margin:0;height:26px;accent-color:var(--primary);-webkit-appearance:none;appearance:none;background:transparent}.rh-slider-row input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:0;background:#00f0ff2e}.rh-slider-row input[type=range]::-moz-range-track{height:4px;background:#00f0ff2e}.rh-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:18px;margin-top:-7px;border:none;border-radius:1px;background:var(--primary);box-shadow:0 0 8px #00f0ffb3}.rh-slider-row input[type=range]::-moz-range-thumb{width:14px;height:18px;border:none;border-radius:1px;background:var(--primary);box-shadow:0 0 8px #00f0ffb3}.rh-slider-row input[type=range]:disabled::-webkit-slider-thumb{background:var(--muted);box-shadow:none}.rh-slider-row input[type=range]:disabled::-moz-range-thumb{background:var(--muted);box-shadow:none}.rh-slider-row span:last-child{text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--primary)}.rh-log{max-height:220px;margin:12px 0 0;padding:10px 12px;overflow:auto;border:1px solid var(--border);border-radius:2px;background:#00000073;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ok)}.rh-inline-check{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px}.camera-hint{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.drive-reason{margin:4px 0 0;color:var(--warn);font-size:11px;line-height:1.5}.drive-reason:empty{display:none}.rh-preview{position:fixed;right:16px;bottom:16px;z-index:60;width:min(var(--preview-w, 280px),calc(100vw - 24px));padding:8px 10px;border:1px solid var(--border-strong);border-radius:2px;background:#07080deb;box-shadow:0 0 0 1px #ff2e882e,0 14px 40px #0009;backdrop-filter:blur(8px)}.rh-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:grab;touch-action:none;user-select:none;margin-bottom:8px}.rh-preview-header:active{cursor:grabbing}.rh-preview-header h2{margin:0;font-size:12px;text-transform:uppercase;color:var(--primary)}.rh-preview-header-actions{display:flex;gap:6px}.rh-preview-header-actions button{min-height:32px;padding:4px 9px;font-size:12px;border:1px solid var(--border);border-radius:2px;background:#00f0ff0f;color:var(--text)}.rh-preview-header-actions button:hover{border-color:var(--primary);color:var(--primary)}.rh-preview.rh-preview--minimized{width:min(200px,calc(100vw - 20px))}.rh-preview--minimized #camera-body{display:none}.rh-preview-box{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--preview-ratio, 4 / 3);border-radius:2px;border:1px solid var(--border);background:#05060a}.rh-preview[data-mirror=off] #camera-video,.rh-preview[data-mirror=off] #gesture-canvas{transform:none}.preview-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.preview-controls button{min-height:30px;padding:3px 8px;border:1px solid var(--border);border-radius:2px;background:transparent;color:var(--muted);font-size:11px}.preview-controls button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:#00f0ff1a}.unsupported{padding:18px;border:1px solid var(--danger);border-radius:2px;background:#ff3b5014;line-height:1.8}.unsupported h2{margin:0 0 8px;font-size:17px;text-transform:uppercase;color:var(--danger)}@media(max-width:640px){.page{padding:12px 10px calc(28px + env(safe-area-inset-bottom))}.page-header{flex-direction:column}.page-header h1{font-size:21px}.rh-actions{flex-direction:column}.rh-actions button,.rh-action-btn{width:100%}.rh-actions input[type=text]{width:100%;flex:none}.rh-field{flex-direction:column;align-items:stretch}.rh-preview{width:min(var(--preview-w, 230px),calc(100vw - 20px));padding:6px 8px;bottom:calc(12px + env(safe-area-inset-bottom));right:12px}.rh-grid{grid-template-columns:repeat(3,1fr)}.rh-slider-row span:first-child{font-size:12px}.rh-slider-row{grid-template-columns:52px minmax(0,1fr) 44px;gap:10px;padding:8px 10px}.rh-field-row{gap:10px}.rh-preview-header h2{font-size:12px}.rh-preview-header-actions button{padding:3px 6px;font-size:11px}}