@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#eff3f1;background:#111817;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0%,#263b35 0,transparent 38rem),#111817}button,input{font:inherit}button{border:0;cursor:pointer}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:44px 0 64px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:38px}.eyebrow,.label{color:#91b5a6;font:500 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{margin-top:8px;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.06em;line-height:1}h2{margin-top:8px;font-size:1.2rem;letter-spacing:-.03em}.muted{color:#91a59d;line-height:1.6}.top-actions{display:flex;align-items:center;gap:16px}.signal{display:inline-flex;gap:8px;align-items:center;font:500 12px DM Mono,monospace}.signal:before{content:"";width:8px;height:8px;border-radius:50%;background:#a1b9b0}.signal.online:before{background:#c4e96e;box-shadow:0 0 14px #c4e96e}.quiet{color:#91a59d;background:transparent;font-size:.8rem}.quiet:hover{color:#fff}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #354640;border-bottom:1px solid #354640;padding:18px 0;margin-bottom:26px;gap:20px}.status-strip div{display:grid;gap:7px}.status-strip strong{font-size:.9rem;font-weight:600}.queue-status{position:relative}.queue-popover{position:absolute;z-index:3;top:calc(100% + 13px);left:-12px;min-width:220px;padding:15px;background:#23312d;border:1px solid #91b5a6;box-shadow:0 12px 28px #07100dcc}.queue-popover:before{content:"";position:absolute;top:-6px;left:20px;width:10px;height:10px;background:#23312d;border-top:1px solid #91b5a6;border-left:1px solid #91b5a6;transform:rotate(45deg)}.queue-popover .label{display:block;margin-bottom:10px}.queue-popover .muted{font-size:.78rem}.queue-popover ul{display:grid;gap:9px;padding:0;margin:0;list-style:none}.queue-popover li{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.queue-popover li b{color:#c4e96e;font-size:.82rem}.queue-popover li small{color:#91a59d;font:10px DM Mono,monospace;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:26px}.screen-panel,.actions-panel{background:#1a2522;border:1px solid #354640}.screen-panel{padding:22px}.actions-panel{padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.icon-button{width:36px;height:36px;color:#c4e96e;background:#26362f;font-size:1.25rem}.canvas-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px;overflow:hidden;background:#0e1312;border:1px solid #354640}.canvas-stage{position:relative;max-width:100%;max-height:620px}.canvas-wrap canvas{display:block;max-width:100%;max-height:620px;cursor:crosshair}.empty-screen{color:#668078;font:12px DM Mono,monospace}.crosshair{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);border:2px solid #c4e96e;border-radius:50%;box-shadow:0 0 0 5px #c4e96e33;pointer-events:none}.screen-footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.coordinate{color:#91a59d;font:12px DM Mono,monospace}.screen-footer button,form button{padding:11px 16px;color:#111817;background:#c4e96e;font-weight:800}.screen-footer button:disabled{opacity:.4;cursor:default}.actions-panel{display:flex;flex-direction:column;gap:14px}.actions-panel>.muted{margin-bottom:10px;font-size:.86rem}.collecting-toggle{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;color:#eff3f1;background:#23312d;border:1px solid #354640;font-size:.88rem}.collecting-toggle input{width:18px;height:18px;accent-color:#c4e96e}.collecting-toggle small{color:#91a59d;font:10px DM Mono,monospace;text-transform:uppercase}.swipe-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:3px 10px;padding:14px;color:#eff3f1;background:#23312d;text-align:left;border:1px solid transparent}.action:hover{border-color:#91b5a6}.action span{grid-row:span 2;color:#c4e96e;font-size:1.25rem}.action b{font-size:.88rem}.action small{color:#91a59d}.error{color:#ff9d8e;font-size:.85rem}.banner{margin:-20px 0 20px}.gate{max-width:560px;margin:15vh auto}.gate h1{margin:16px 0}.gate form{display:flex;gap:10px;margin-top:28px}.gate input{min-width:0;flex:1;padding:13px 14px;color:#fff;background:#1a2522;border:1px solid #506a60;outline:none}.gate input:focus{border-color:#c4e96e}@media(max-width:760px){.shell{width:min(100% - 28px,600px);padding-top:28px}.topbar{gap:20px;flex-direction:column}.status-strip{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.canvas-wrap{min-height:300px}.gate{margin-top:20vh}.gate form{flex-direction:column}}