:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#172026;font:16px/1.45 var(--sans);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7f8}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.topbar{justify-content:space-between;align-items:end;gap:24px;max-width:1520px;margin:0 auto 18px;display:flex}.eyebrow{color:#5b6f7c;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}h1,h2{letter-spacing:0;margin:0}h1{color:#172026;font-size:34px;line-height:1.1}h2{color:#172026;font-size:16px;line-height:1.2}.status-strip,.button-row,.panel-title,.status,.alert,button{align-items:center;display:flex}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px}.status{color:#53636d;background:#eef2f3;border:1px solid #d9e1e5;border-radius:999px;gap:6px;padding:7px 10px}.status.ok{color:#1d6b4f;background:#e7f5ef;border-color:#b7decf}.status.warn{color:#8b5c10;background:#fff4dc;border-color:#f0d49d}.alert{color:#9b3723;background:#fff2ed;border:1px solid #f2c7ba;border-radius:8px;gap:8px;max-width:1520px;margin:0 auto 18px;padding:12px 14px}.workspace{grid-template-columns:minmax(260px,320px) minmax(320px,1fr) minmax(280px,360px);gap:18px;max-width:1520px;margin:0 auto;display:grid}.panel,.log-section{background:#fff;border:1px solid #d9e1e5;border-radius:8px;box-shadow:0 12px 36px #1c2c3714}.panel{flex-direction:column;gap:14px;padding:16px;display:flex}.panel-title{gap:8px}.panel-title svg{color:#2f74b5}label{color:#42515c;gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea{box-sizing:border-box;color:#172026;font:14px/1.35 var(--sans);letter-spacing:0;background:#f8fafb;border:1px solid #cfd9de;border-radius:6px;width:100%;min-width:0;padding:10px 11px}textarea{resize:vertical;min-height:116px}input:focus,textarea:focus{border-color:#2f74b5;outline:3px solid #2f74b529}.toggle{align-items:center;gap:10px;display:flex}.toggle input{width:18px;height:18px}.device-box{background:#f8fafb;border:1px solid #d9e1e5;border-radius:8px;gap:4px;padding:12px;display:grid}.device-box span{color:#172026;font-weight:800}.device-box small,.pending-header small,.muted{color:#6d7c86}.capability-grid{flex-wrap:wrap;gap:6px;display:flex}.capability-grid span{color:#2d5d7f;background:#eef6fb;border:1px solid #cfe2ee;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.button-row{gap:8px}button{color:#172026;cursor:pointer;font:700 14px/1 var(--sans);background:#eef2f3;border:1px solid #cfd9de;border-radius:6px;justify-content:center;gap:8px;min-height:40px;padding:0 12px}button:hover:not(:disabled){background:#e4edf1}button:disabled{cursor:not-allowed;opacity:.52}button.primary{color:#fff;background:#1c7c54;border-color:#1c7c54}button.primary:hover:not(:disabled){background:#166843}button.primary:disabled{background:#8bbdaa;border-color:#8bbdaa}button.danger{color:#9b3723}.wide{width:100%}.phone-stage{background-color:#eef2f3;background-image:linear-gradient(90deg,#1720260d 1px,#0000 1px),linear-gradient(#1720260d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d9e1e5;border-radius:8px;justify-content:center;align-items:center;min-height:660px;padding:24px;display:flex}.phone-frame{aspect-ratio:9/20;background:#11181d;border:10px solid #172026;border-radius:28px;max-width:100%;max-height:72vh;position:relative;overflow:hidden;box-shadow:0 24px 70px #1720263d}.phone-frame img{object-fit:contain;width:100%;height:100%;display:block}.empty-screen{color:#94a3ad;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:540px;display:flex}.tap-marker,.swipe-marker{border:2px solid #fff;border-radius:999px;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffc10773}.tap-marker{background:#ffc107}.tap-marker.long_press{background:#c94b32}.tap-marker.double_tap,.swipe-marker.start{background:#2f74b5}.swipe-marker.end{background:#1c7c54}.pending-action{border-top:1px solid #d9e1e5;gap:10px;margin-top:4px;padding-top:14px;display:grid}.pending-header{justify-content:space-between;align-items:center;display:flex}.pending-header span{color:#172026;font-weight:800}.pending-action p{color:#42515c;background:#f8fafb;border:1px solid #d9e1e5;border-radius:8px;min-height:46px;margin:0;padding:11px}.log-section{max-width:1520px;margin:18px auto 0;padding:16px}.log-list{gap:10px;margin-top:14px;display:grid}.log-entry{border-left:4px solid #cfd9de;gap:5px;padding:10px 12px;display:grid}.log-entry.ok{border-color:#1c7c54}.log-entry.warn{border-color:#c18421}.log-entry.error{border-color:#c94b32}.log-entry time{color:#6d7c86;font-size:12px}.log-entry strong{color:#172026}.log-entry pre{color:#42515c;white-space:pre-wrap;word-break:break-word;background:#f8fafb;border-radius:6px;max-height:170px;margin:2px 0 0;padding:10px;overflow:auto}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.app-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.status-strip{justify-content:flex-start}.workspace{grid-template-columns:1fr}.phone-stage{min-height:560px}.phone-frame{max-height:68vh}}