: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);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:1.35fr .7fr 1fr 1.1fr .9fr;gap:7px;display:grid}.settings label{color:#a8a29e;gap:5px;font-size:11px;display:grid}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}.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-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: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}}