:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0d12;color:#e7edf5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0a0d12}button,input{font:inherit}.app-shell{width:min(1500px,100%);margin:0 auto;padding:28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.eyebrow{color:#7ee2bd;font-size:11px;font-weight:700;letter-spacing:.14em}h1{margin:5px 0 0;font-size:28px;letter-spacing:0}.badge{border:1px solid #2d3948;border-radius:999px;padding:7px 12px;font-size:12px;color:#a9b6c6}.badge.ok{color:#8be5bd;border-color:#2d8765}.badge.warn{color:#ffd483;border-color:#8b6931}.badge.error{color:#ff9a9a;border-color:#8d3d45}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:stretch}.panel,.screen-panel{border:1px solid #202a37;background:#10151d}.controls{padding:18px;display:flex;flex-direction:column;gap:13px}.panel-title{font-size:13px;font-weight:700;color:#c9d5e3;margin-bottom:2px}label{display:grid;gap:6px;color:#8f9dad;font-size:12px}input{width:100%;border:1px solid #2a3544;background:#0b0f15;color:#e7edf5;border-radius:4px;padding:9px 10px;outline:none}input:focus{border-color:#4dbd96}button{border:0;border-radius:4px;padding:10px 12px;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:#48b88b;color:#07130e;margin-top:5px}.secondary{background:#202a37;color:#c6d1de}.notes{display:grid;gap:5px;margin-top:auto;color:#6f7c8d;font-size:11px;line-height:1.5}.screen-panel{min-width:0;display:flex;flex-direction:column}.screen-toolbar{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid #202a37;color:#8f9dad;font-size:12px}.canvas-wrap{position:relative;min-height:420px;flex:1;display:grid;place-items:center;overflow:hidden;background:#080b10}canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 210px);object-fit:contain;image-rendering:auto}.screen-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;color:#657386;pointer-events:none}.screen-placeholder strong{color:#9aa8b9;font-size:15px}.screen-placeholder span{font-size:12px}.log{min-height:76px;max-height:150px;overflow:auto;margin:18px 0 0;padding:12px;border:1px solid #202a37;background:#0b0f15;color:#8d9bad;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}@media(max-width:820px){.app-shell{padding:16px}.workspace{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr 1fr}.panel-title,.notes,.primary,.secondary{grid-column:1 / -1}.canvas-wrap{min-height:260px}}