:root{--bg:#101317;--panel:#181c22;--panel2:#20262e;--line:#2c343f;--text:#dfe6ee;--dim:#8794a3;--accent:#f0a94a;--ok:#5ad17a;--bad:#ef6161;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px system-ui,sans-serif}#app{height:100%}.shell{grid-template:"top top top""left main right"minmax(0,1fr)/220px minmax(0,1fr) 280px;height:100%;display:grid}.top{border-bottom:1px solid var(--line);background:var(--panel);grid-area:top;align-items:baseline;gap:12px;padding:8px 16px;display:flex}.top h1{color:var(--accent);letter-spacing:1px;margin:0;font-size:20px}.puzzle-title{color:var(--dim);white-space:nowrap}.panel{background:var(--panel);padding:12px;overflow-y:auto}.left{border-right:1px solid var(--line);grid-area:left}.right{border-left:1px solid var(--line);grid-area:right}.panel h2{text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin:4px 0 8px;font-size:12px}.canvas-wrap{grid-area:main;min-width:0;min-height:0;position:relative}canvas.floor{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.banner{color:#1b1408;pointer-events:none;background:#f0a94ae6;border-radius:12px;padding:3px 12px;font-weight:600;position:absolute;top:8px;left:50%;transform:translate(-50%)}.palette{flex-direction:column;gap:4px;display:flex}button,select,input[type=range]{font:inherit}button{background:var(--panel2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--dim)}button:disabled{opacity:.45;cursor:default}button.primary{border-color:var(--accent);color:var(--accent);background:#3a2f18}button.tool{text-align:left;align-items:center;gap:8px;display:flex}button.tool.active{border-color:var(--accent);background:#2b2416}button.tool .lbl{flex:1}.sw{border-radius:3px;width:14px;height:14px;display:inline-block}kbd{border:1px solid var(--line);color:var(--dim);background:#0d1014;border-radius:3px;padding:0 5px;font-size:11px}.picker{flex-direction:column;gap:6px;margin-top:12px;display:flex}.picker label{color:var(--dim);font-size:12px}select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;width:100%;padding:5px}.row{align-items:center;gap:6px;margin:10px 0;display:flex}.row button{flex:1}.speed span:first-child{color:var(--dim)}.speed input{flex:1}.speed span:last-child{text-align:right;width:72px;color:var(--dim);font-size:12px}.help{color:var(--dim);margin-top:14px;font-size:12px}.help ul{margin:6px 0 10px;padding-left:16px}.legend{gap:10px;margin-top:4px;display:flex}.status{color:var(--dim);margin:6px 0}.demand{border-bottom:1px solid var(--line);padding:4px 0}.demand b{float:right}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dim{color:var(--dim)}.ok{color:var(--ok)}.bad,.err{color:var(--bad)}.warn{color:var(--accent)}.err{padding:3px 0;font-size:12px}.verdict{margin:10px 0 4px;font-size:22px;font-weight:700}.results table{border-collapse:collapse;width:100%;margin:6px 0}.results td{border-bottom:1px solid var(--line);padding:3px 4px}.results td:nth-child(2){text-align:right}@media (width<=800px){.shell{grid-template:"top""left""main"minmax(50vh,1fr)"right"/1fr;height:auto;min-height:100%}.palette{flex-flow:wrap}}.top .puzzle-picker{align-self:center;width:auto;margin-left:auto}.shell.wide{grid-template-columns:360px minmax(0,1fr) 280px}.tabs{gap:4px;margin-bottom:10px;display:flex}.tabs button{flex:1}.tabs button.active{border-color:var(--accent);color:var(--accent);background:#2b2416}.diagram{margin-top:10px;font-size:12px}.diagram canvas{border:1px solid var(--line);background:#12161b;border-radius:6px;margin-bottom:4px;display:block}.recipes h2{margin-top:14px}.rrow{border-bottom:1px solid var(--line);border-left:2px solid var(--line);cursor:default;padding:4px 6px;font-size:12px}.rrow:hover{background:var(--panel2);border-left-color:var(--accent)}.rrow.byp{border-left-style:dashed}.rhead{align-items:center;gap:6px;display:flex}.rhead b{flex:1;font-size:13px}.rline{margin-top:2px}.badge{border:1px solid var(--line);color:var(--accent);white-space:nowrap;background:#0d1014;border-radius:10px;padding:0 7px;font-size:11px}.badge.bad{color:var(--bad);border-color:var(--bad)}.badge.ok{color:var(--ok)}.tip{z-index:5;pointer-events:none;border:1px solid var(--line);white-space:nowrap;background:#0d1014f2;border-radius:6px;padding:6px 8px;font-size:12px;position:absolute}.deadlocks{flex-direction:column;gap:4px;margin:6px 0;display:flex}.deadlock-line{text-align:left;color:#ffb020;cursor:pointer;background:#ffb0201a;border:1px solid #ffb020;border-radius:4px;padding:4px 6px;font-size:12px}.deadlock-line:hover{background:#ffb02033}.results .deadlock-list{color:#ffb020;margin-top:8px;font-size:12px}.results .deadlock-line{cursor:default;background:0 0;border:0;margin-top:4px;padding:0;display:block}