:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f4;background:#171717;font-family:HKNova,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#171717;min-width:880px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.toolbar{background:#1c1c1c;border-bottom:1px solid #343434;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.toolbar strong{margin-right:12px;font-size:15px}.toolbar #active-slot{color:#a8a29e;flex:1;font-size:13px}.bridge-status{color:#a8a29e;white-space:nowrap;font-size:12px}.bridge-status[data-state=ready]{color:#9fbe9a}.bridge-status[data-state=blocked]{color:#c9a96e}button{color:#e7e5e4;cursor:pointer;background:#262626;border:1px solid #525252;border-radius:7px;padding:7px 11px}button:hover{background:#303030}button.primary{color:#1c1917;background:#d97757;border-color:#d97757;font-weight:650}button:disabled{cursor:wait;opacity:.62}button:disabled:hover{background:#262626}button.primary:disabled:hover{background:#d97757}.apply-progress{color:#a8a29e;font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;min-width:172px;font-size:12px;display:flex}.apply-progress[hidden]{display:none}.apply-progress[data-state=error]{color:#d97757}.apply-progress[data-state=done] .apply-spinner,.apply-progress[data-state=error] .apply-spinner{display:none}.apply-spinner{border:2px solid #525252;border-top-color:#d97757;border-radius:50%;flex:0 0 12px;width:12px;height:12px;animation:.8s linear infinite apply-spin}@keyframes apply-spin{to{transform:rotate(1turn)}}.workspace{grid-template-columns:minmax(420px,1fr) 260px 250px;min-height:calc(100vh - 52px);display:grid}.editors,.device-column,.slots{border-right:1px solid #343434;padding:20px}.editors{grid-template-rows:auto auto minmax(150px,.9fr) auto minmax(220px,1.1fr);grid-auto-rows:auto;gap:8px;display:grid}label,h2{margin:0;font-size:13px;font-weight:650}textarea{resize:none;color:#e7e5e4;tab-size:2;background:#111;border:1px solid #3f3f46;border-radius:7px;width:100%;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}select,input{color:#e7e5e4;background:#151515;border:1px solid #3f3f46;border-radius:6px;padding:6px}.settings{grid-template-columns:1fr 1.35fr .7fr 1fr 1.1fr .9fr;gap:7px;display:grid}.settings label{color:#a8a29e;gap:5px;font-size:11px;display:grid}.settings label[hidden]{display:none}.source-heading{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.source-actions{align-items:center;gap:6px;display:flex}.source-heading[hidden],#js-source[hidden],.source-note[hidden]{display:none}.source-heading button{padding:5px 8px;font-size:11px}#js-source{min-height:220px}.source-note{color:#a8a29e;margin:0;font-size:11px;line-height:1.45}textarea:focus,input:focus{outline-offset:1px;outline:2px solid #a85d43}.device-column{background:#141414;flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.device-frame{background:#090909;border:1px solid #3f3f46;border-radius:10px;width:100%;max-width:230px;padding:14px;overflow:hidden}.preview-stage{width:calc(100px * var(--preview-scale,1));height:calc(310px * var(--preview-scale,1));margin:0 auto;position:relative;overflow:hidden}#preview,#browser-preview{width:100px;height:310px;transform:scale(var(--preview-scale,1));transform-origin:0 0;image-rendering:pixelated;background:#000;border:0;display:block;position:absolute;inset:0 auto auto 0}#browser-preview[hidden],#preview[hidden]{display:none}#status{color:#a8a29e;overflow-wrap:anywhere;width:100%;font-size:12px}.capture-stats{color:#a8a29e;grid-template-columns:1fr 1fr;gap:4px 12px;width:100%;font:11px/1.4 ui-monospace,monospace;display:grid}.filmstrip{gap:4px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.filmstrip img{object-fit:fill;border:1px solid #3f3f46;width:25px;height:78px}.event-simulator{border-top:1px solid #343434;width:100%;padding-top:14px}.event-simulator[hidden]{display:none}.simulator-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.simulator-heading h2{margin:0}.simulator-heading span{color:#c9a96e;flex:1;margin-left:8px;font-size:10px}.simulator-heading span[data-state=ready]{color:#9fbe9a}.simulator-heading button{padding:5px 8px;font-size:11px}.event-row{color:#d6d3d1;border-top:1px solid #2d2d2d;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:35px;font-size:11px;display:grid}.event-row button{min-width:47px;padding:5px 7px;font-size:11px}.host-event-row{grid-template-columns:auto minmax(0,.8fr) auto minmax(0,.7fr) auto;padding:7px 0}.host-event-row input{width:100%;min-width:0;padding:5px 6px;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}#mquickjs-controls[hidden],#mq-weather-settings[hidden]{display:none}#mquickjs-controls .host-event-row{grid-template-columns:auto minmax(0,.8fr) auto minmax(0,.7fr)}#mquickjs-controls .host-event-row button{grid-column:4}#mq-weather-settings button{grid-column:1/-1}.keyboard-rpc-config{color:#a8a29e;border-top:1px solid #2d2d2d;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 8px;padding:8px 0;font-size:10px;display:grid}.keyboard-rpc-config input{width:100%;min-width:0;padding:5px 6px;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.keyboard-test-pad{color:#a8a29e;text-align:center;cursor:text;background:#111;border:1px solid #454545;border-radius:7px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:8px;font-size:11px;display:flex}.keyboard-test-pad:focus{outline-offset:1px;color:#f5f5f4;border-color:#6b4a3e;outline:2px solid #a85d43}.keyboard-test-pad[data-pressed=true]{color:#f5f5f4;background:#211713;border-color:#d97757}.event-note{color:#8c8782;margin:5px 0 8px;font-size:10px;line-height:1.4}.event-note code{color:#a8a29e;font:inherit}.event-status{color:#a8a29e;overflow-wrap:anywhere;min-height:28px;padding:7px 0;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.v2-state{border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;margin:0 0 9px;padding:8px 0;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.v2-state:empty{display:none}.v2-state dt{color:#8c8782;text-overflow:ellipsis;min-width:0;overflow:hidden}.v2-state dd{color:#e7e5e4;font-variant-numeric:tabular-nums;margin:0}.slots{background:#1c1c1c;border-right:0}.slots h2{margin-bottom:12px}.slot{border-top:1px solid #343434;padding:12px 0}.slot:first-child{border-top:0}.slot.active{border-left:2px solid #d97757;padding-left:10px}.slot input{color:#e7e5e4;background:#151515;border:1px solid #3f3f46;border-radius:6px;width:100%;padding:7px 8px}.slot-renderer{color:#8c8782;margin-top:6px;font-size:10px;display:block}.slot-actions{gap:7px;margin-top:8px;display:flex}.slot-actions button{flex:1;font-size:12px}.device-actions{border-top:1px solid #343434;margin-top:22px;padding-top:18px}.device-actions h2{margin-bottom:8px}.device-actions p{color:#a8a29e;margin:0 0 10px;font-size:12px;line-height:1.45}.device-actions button{width:100%;margin-top:7px}.device-actions .device-note{margin-top:12px;font-size:11px}@media (prefers-reduced-motion:reduce){.apply-spinner{animation:none}}@media (max-width:1220px){.settings{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1050px){.workspace{grid-template-columns:minmax(390px,1fr) 240px}.slots{border-top:1px solid #343434;grid-column:1/-1}#slot-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}}