@font-face{font-family:General Sans;src:url(/fonts/general-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/general-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}:root,[data-theme=dark]{--bg: #0e1012;--surface: #15181b;--surface-2: #1b1f23;--surface-3: #23282d;--border: #2a3036;--border-strong: #3a424a;--text: #e4e7ea;--text-muted: #8d969f;--text-faint: #5e666e;--accent: #2cc5b0;--accent-ink: #04211d;--accent-soft: rgba(44, 197, 176, .14);--sync: #f4a52a;--sync-soft: rgba(244, 165, 42, .14);--ok: #3fcf8e;--warn: #f4a52a;--danger: #f2706a;--danger-soft: rgba(242, 112, 106, .14);--tile-bg: #0a0b0c;--shadow: 0 10px 40px rgba(0, 0, 0, .45);color-scheme:dark}[data-theme=light]{--bg: #eef0f2;--surface: #ffffff;--surface-2: #f6f7f8;--surface-3: #eceef0;--border: #dde1e5;--border-strong: #c8cdd3;--text: #1a1e22;--text-muted: #5f6872;--text-faint: #98a0a8;--accent: #0e9483;--accent-ink: #ffffff;--accent-soft: rgba(14, 148, 131, .1);--sync: #c97a06;--sync-soft: rgba(201, 122, 6, .1);--ok: #17a36a;--warn: #c97a06;--danger: #d4473f;--danger-soft: rgba(212, 71, 63, .1);--tile-bg: #1a1d20;--shadow: 0 10px 40px rgba(20, 30, 40, .15);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 General Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.mono,.num{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px;border:2px solid var(--bg)}.app{display:grid;grid-template-columns:264px 1fr;grid-template-rows:100%;height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.workspace{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0}.content{display:flex;min-height:0;min-width:0}.brand{display:flex;align-items:center;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.brand-name{font-weight:650;letter-spacing:.01em;font-size:14px}.brand-sub{font-size:11px;color:var(--text-muted)}.side-section{padding:10px 8px 6px}.side-title{display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600}.side-scroll{flex:1;overflow:auto;min-height:0}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;background:none;border-radius:7px;text-align:left;cursor:pointer;color:var(--text-muted)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--text)}.nav-item .count{margin-left:auto;font-size:11px;color:var(--text-faint)}.nav-item.active .count{color:var(--accent)}.nav-item input{flex:1;min-width:0;background:var(--surface-3);border:1px solid var(--accent);border-radius:5px;padding:1px 6px}.drop-target{outline:1.5px dashed var(--accent);outline-offset:-2px}.side-footer{border-top:1px solid var(--border);padding:8px}.conn{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);padding:4px 8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex:none}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px #3fcf8e26}.dot.warn{background:var(--warn)}.dot.bad{background:var(--danger)}.toolbar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;min-height:52px}.tb-group{display:flex;align-items:center;gap:2px;padding-right:6px;margin-right:2px;border-right:1px solid var(--border)}.tb-group:last-child{border-right:0}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft)}.btn.ghost{background:none;border-color:transparent;color:var(--text-muted)}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.small{height:26px;padding:0 8px;font-size:12px}.btn.icon{width:30px;padding:0}.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.tool{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:4px 6px;border-radius:7px;border:0;background:none;color:var(--text-muted);cursor:pointer;font-size:11px}.tool:hover{background:var(--surface-2);color:var(--text)}.tool:disabled{opacity:.4;cursor:default}.tool.on{color:var(--accent)}.sync-toggle{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-weight:600}.sync-toggle .switch{width:28px;height:16px;border-radius:10px;background:var(--surface-3);position:relative;transition:background .15s}.sync-toggle .switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.sync-toggle.on{border-color:var(--sync);background:var(--sync-soft);color:var(--sync)}.sync-toggle.on .switch{background:var(--sync)}.sync-toggle.on .switch:after{transform:translate(12px);background:#fff}.search{display:flex;align-items:center;gap:6px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-muted);width:190px}.search input{border:0;background:none;outline:none;width:100%;color:var(--text)}.selbar{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--text-muted)}.selbar b{color:var(--text)}.selbar .range{width:110px;accent-color:var(--accent)}.grid-wrap{flex:1;overflow:auto;padding:14px;min-width:0;outline:none}.grid{display:grid;gap:12px;align-content:start}.tile{position:relative;border-radius:12px;background:var(--surface);border:1.5px solid var(--border);padding:5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,box-shadow .12s}.tile:hover{border-color:var(--border-strong)}.tile.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tile.main{border-color:var(--sync)}.tile.selected.main{box-shadow:0 0 0 3px var(--sync-soft)}.screen{position:relative;border-radius:8px;overflow:hidden;background:var(--tile-bg);aspect-ratio:9 / 19}.screen canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.screen .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8d969f;font-size:11px;text-align:center;padding:10px}.badge-num{position:absolute;top:6px;left:6px;min-width:24px;height:20px;padding:0 6px;border-radius:6px;background:#0000009e;color:#fff;font:600 11px/20px ui-monospace,SF Mono,Menlo,monospace;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.tile.selected .badge-num{background:var(--accent);color:var(--accent-ink)}.check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(255,255,255,.6);background:#00000059;z-index:2;display:grid;place-items:center}.tile.selected .check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tile-meta{display:flex;align-items:center;gap:6px;padding:6px 3px 1px;font-size:11.5px;min-width:0}.tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.tile-sub{color:var(--text-faint);font-size:10.5px;display:flex;gap:4px;align-items:center}.tile.compact .tile-meta{font-size:10.5px}.main-panel{display:flex;border-left:1px solid var(--border);background:var(--surface);min-height:0;flex:none}.main-col{display:flex;flex-direction:column;min-height:0;min-width:0}.main-head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border)}.main-head .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0;background:var(--surface-2)}.main-screen{position:relative;height:100%;max-width:100%;border-radius:14px;overflow:hidden;background:var(--tile-bg);box-shadow:0 0 0 1px var(--border),var(--shadow);outline:none;cursor:crosshair;touch-action:none}.main-screen:focus-visible{box-shadow:0 0 0 2px var(--accent),var(--shadow)}.main-screen canvas{width:100%;height:100%;display:block}.sync-banner{display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:12px;background:var(--sync-soft);color:var(--sync);border-bottom:1px solid var(--border);font-weight:550}.rec-banner{background:var(--danger-soft);color:var(--danger)}.taskbar{display:flex;flex-direction:column;gap:2px;padding:8px 5px;border-left:1px solid var(--border);overflow-y:auto;width:62px;flex:none}.taskbar .tool{min-width:0;width:100%;padding:6px 2px}.taskbar hr{border:0;border-top:1px solid var(--border);margin:4px 6px}.quick{width:220px;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;flex:none}.quick-list{flex:1;overflow:auto;padding:6px}.quick-item{display:block;width:100%;text-align:left;padding:7px 9px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);margin-bottom:5px;cursor:pointer;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.quick-item:hover{border-color:var(--accent)}.quick-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:8px 3px 5px}.composer{border-top:1px solid var(--border);padding:8px;display:flex;flex-direction:column;gap:6px}.resize-handle{width:5px;cursor:col-resize;flex:none;margin-left:-3px;z-index:3}.resize-handle:hover{background:var(--accent-soft)}.jobs{border-top:1px solid var(--border);background:var(--surface);max-height:42vh;display:flex;flex-direction:column}.jobs-head{display:flex;align-items:center;gap:10px;padding:6px 12px;cursor:pointer;font-size:12px;color:var(--text-muted)}.jobs-body{overflow:auto;padding:0 12px 10px}.job{border:1px solid var(--border);border-radius:9px;margin-top:8px;background:var(--surface-2)}.job-head{display:flex;align-items:center;gap:10px;padding:8px 10px}.job-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}.bar{height:4px;border-radius:4px;background:var(--surface-3);overflow:hidden;width:140px;display:flex}.bar>i{display:block;height:100%}.job-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px;padding:0 10px 10px}.job-item{display:flex;gap:6px;align-items:baseline;font-size:11.5px;padding:4px 6px;border-radius:6px;background:var(--surface);min-width:0;cursor:default}.job-item .msg{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.st-ok{color:var(--ok)}.st-fail{color:var(--danger)}.st-running{color:var(--accent)}.st-pending,.st-stopped{color:var(--text-faint)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:50;padding:24px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);width:min(640px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column}.modal.wide{width:min(960px,100%)}.modal-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:15px;margin:0;font-weight:650;flex:1}.modal-head .sub{color:var(--text-muted);font-size:12px}.modal-body{padding:16px 18px;overflow:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:5px}.field>label,.label{font-size:12px;color:var(--text-muted);font-weight:550}.hint{font-size:11.5px;color:var(--text-faint)}.input,select.input,textarea.input{height:32px;padding:0 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);outline:none;width:100%}textarea.input{height:auto;padding:8px 10px;resize:vertical;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.input:focus{border-color:var(--accent)}.row{display:flex;gap:10px;align-items:center}.row>.field{flex:1}.wrap{flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface-2)}.seg button{border:0;background:none;padding:5px 12px;cursor:pointer;color:var(--text-muted)}.seg button.on{background:var(--accent-soft);color:var(--text);font-weight:600}.check-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check-row input{margin-top:2px;accent-color:var(--accent)}.check-row .t{font-weight:550}.card{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:12px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:650}table.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);padding:6px 8px;position:sticky;top:0;background:var(--surface)}.table td{border-bottom:1px solid var(--border);padding:6px 8px;vertical-align:middle}.table tr.sel td{background:var(--accent-soft)}.table tr:hover td{background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:1px 7px;border-radius:20px;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill.bad{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:12px;padding:26px;text-align:center;color:var(--text-muted);cursor:pointer}.dropzone.over,.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.list{border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:320px}.list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);cursor:pointer}.list-item:last-child{border-bottom:0}.list-item:hover{background:var(--surface-2)}.list-item.on{background:var(--accent-soft)}.empty{padding:30px;text-align:center;color:var(--text-faint)}.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px;white-space:pre-wrap;overflow:auto;max-height:260px;margin:0}.menu{position:fixed;z-index:60;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:5px}.menu button{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;padding:6px 9px;border-radius:6px;text-align:left;cursor:pointer}.menu button:hover{background:var(--surface-2)}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 2px}.menu .menu-title{padding:4px 9px 6px;font-size:11px;color:var(--text-faint)}.toasts{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:70;max-width:380px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:9px;padding:9px 12px;box-shadow:var(--shadow);font-size:12.5px;animation:in .18s ease-out}.toast.ok{border-left-color:var(--ok)}.toast.error{border-left-color:var(--danger)}@keyframes in{0%{transform:translateY(6px);opacity:0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;padding:1px 5px;border-radius:4px;border:1px solid var(--border-strong);background:var(--surface-2)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.grow{flex:1}a{color:var(--accent)}.onboard{max-width:760px;margin:6vh auto 40px;padding:0 20px;display:grid;gap:22px}.onboard-head{text-align:center;display:grid;justify-items:center;gap:8px}.onboard-head h2{margin:6px 0 0;font-size:26px;letter-spacing:-.02em;color:var(--text)}.onboard-head p{margin:0;max-width:560px;color:var(--text-muted);line-height:1.55}.onboard-warn{display:flex;gap:12px;align-items:flex-start;border-color:var(--warn);line-height:1.5}.onboard-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.onboard-steps li{display:flex;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.onboard-steps b{color:var(--text)}.onboard-steps p{margin:4px 0 0;color:var(--text-muted);line-height:1.5;font-size:13px}.step-n{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:13px}.onboard-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn.big{height:42px;padding:0 18px;font-size:14px;border-radius:10px}a.btn{text-decoration:none}.onboard-foot{display:flex;gap:6px;align-items:center;justify-content:center;text-align:center}.faq{margin:0;display:grid;gap:4px;font-size:13px}.faq dt{color:var(--text);font-weight:600;margin-top:6px}.faq dd{margin:0;color:var(--text-muted);line-height:1.5}.tile-err{display:block;margin-top:8px;padding:6px 8px;max-width:92%;max-height:120px;overflow:hidden;border-radius:8px;background:#dc464638;border:1px solid rgba(255,120,120,.35);color:#ffd9d9;font-size:10.5px;line-height:1.35;text-align:center;word-break:break-word}.tile-err-hint{display:block;margin-top:4px;opacity:.7}.tile-hold{position:absolute;left:6px;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;gap:5px;padding:3px 6px;border-radius:6px;background:#0a0c0eb8;color:#e8eaed;font-size:10px;pointer-events:none}.steps{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13px;line-height:1.5;color:var(--text-muted, inherit)}.steps b{color:var(--text, inherit)}.section-title svg{vertical-align:-2px;margin-right:4px}.codebox{position:relative;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.codebox pre{margin:0;padding:10px 76px 10px 12px;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all;max-height:150px;overflow:auto;color:var(--text)}.codebox .btn{position:absolute;top:6px;right:6px}details.hint summary{cursor:pointer;margin-bottom:6px}.main-panel.floating{position:fixed;z-index:30;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #00000073}.main-panel.floating .main-head{-webkit-user-select:none;user-select:none}.corner-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:3;background:linear-gradient(135deg,transparent 55%,var(--text-faint) 55%,var(--text-faint) 62%,transparent 62%,transparent 72%,var(--text-faint) 72%,var(--text-faint) 79%,transparent 79%)}.main-panel.pip{position:fixed;top:0;right:0;bottom:0;left:0;border:0}.pip-root{height:100vh}.grid{gap:6px}.tile{border-radius:4px;padding:0;border:1px solid var(--border);overflow:hidden;background:var(--surface)}.tile .screen{border-radius:0}.tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tile.main{border-color:var(--sync);box-shadow:0 0 0 1px var(--sync)}.tile-head{display:flex;align-items:center;gap:6px;height:22px;padding-right:6px;background:var(--surface-2);font-size:11.5px;min-width:0}.tile-no{align-self:stretch;display:grid;place-items:center;min-width:26px;padding:0 5px;background:var(--accent);color:var(--accent-ink);font:600 11px/1 ui-monospace,SF Mono,Menlo,monospace}.tile.off .tile-no{background:var(--surface-3);color:var(--text-muted)}.tile.main .tile-no{background:var(--sync)}.tile.selected .tile-head{background:var(--accent-soft)}.tile-head .tile-name{font-weight:600;color:var(--text)}.tile-head .dot{flex:none}.tile-check{color:var(--accent);flex:none}.tile.compact .tile-head{font-size:10.5px;height:20px}.side-switches{display:grid;gap:2px;padding:8px 10px;border-bottom:1px solid var(--border)}.side-switch{display:flex;align-items:center;gap:9px;height:34px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left}.side-switch:hover{background:var(--surface-2)}.side-switch span:not(.switch){flex:1}.side-switch .switch{width:32px;height:18px;border-radius:10px;background:var(--surface-3);position:relative;transition:background .15s;flex:none}.side-switch .switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.side-switch.on .switch{background:var(--accent)}.side-switch.on .switch:after{transform:translate(14px);background:#fff}.side-switch.on svg{color:var(--accent)}.group-row{display:flex;align-items:center;gap:6px}.group-row .nav-item{flex:1;min-width:0}.group-check{width:16px;height:16px;margin:0 0 0 4px;accent-color:var(--accent);cursor:pointer;flex:none}.numpad-grid{display:grid;gap:3px;margin:4px 2px 8px 26px;-webkit-user-select:none;user-select:none;touch-action:none}.numpad-cell{height:22px;min-width:0;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;padding:0}.numpad-cell:hover{border-color:var(--accent);color:var(--text)}.numpad-cell.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.numpad-cell.off{opacity:.4}.res-select{height:26px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12px;padding:0 6px;cursor:pointer}.main-head .title{min-width:0;flex:0 1 auto}.brand-home{display:inline-flex;border-radius:8px}.main-head .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:40px}.main-head .res-select,.main-head .btn{flex-shrink:0}.side-switch.sync{border:1px solid transparent}.side-switch.sync.on{background:var(--sync-soft);border-color:var(--sync);color:var(--sync);font-weight:600}.side-switch.sync.on svg{color:var(--sync)}.side-switch.sync.on .switch{background:var(--sync)}.share-key{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);font-size:12.5px;line-height:1.5;cursor:pointer}.share-key input{margin-top:3px;flex:none}.brand-name{display:flex;align-items:center;gap:8px}.install-pill{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:600;cursor:pointer}.install-pill:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)}