:root{--ink:#20302a;--board:#eee3c6}*{box-sizing:border-box}body{color:var(--ink);background:#f7f4eb;margin:0;font:13px Arial,Noto Sans SC,sans-serif}header{background:#fffdf7;border-bottom:1px solid #d8d0bf;align-items:center;gap:25px;height:62px;padding:0 5%;display:flex}.logo{font:700 18px monospace}.logo span{color:#1a9664}header div:nth-child(2){flex:1}button{cursor:pointer;background:#f9faf6;border:1px solid #b8c3b9;border-radius:5px;padding:6px 8px}.on{color:#13754e!important;background:#ddf4e5!important}main{max-width:1380px;margin:auto;padding:22px}.notice{background:#fffdf7;border:1px solid #ddd4c3;border-radius:8px;justify-content:space-between;padding:12px;display:flex}.notice span{color:#68776e;font-size:11px}.shell{border:1px solid #cec4af;border-radius:11px;grid-template-columns:185px 1fr;margin-top:12px;display:grid;overflow:hidden}aside{background:#faf8ef;border-right:1px solid #ddd4c2;padding:15px;font-size:11px}aside p{color:#6b786f;line-height:1.8}.board{background:var(--board);height:570px;position:relative;overflow:hidden}.grid{background:radial-gradient(#c1b696 1.6px,#0000 1.8px) 0 0/15px 15px;position:absolute;inset:35px 14px}.rail,.board-label{z-index:1;font:700 10px monospace;position:absolute}.plus{color:#d54d3d;top:11px;left:19px}.gnd{color:#3377ba;bottom:11px;left:19px}.board-label{color:#7d806d;top:12px;right:18px}.device-card{left:calc(var(--x)*1px);top:calc(var(--y)*1px);z-index:2;cursor:grab;background:#fffdf7;border:1px solid #bdb39e;border-radius:8px;width:245px;padding:10px;position:absolute;box-shadow:2px 4px #73694f30}.device-card:active{cursor:grabbing}.device-card header{background:0 0;border:0;gap:7px;height:auto;padding:0}.chip-icon{color:#198153;background:#e5efe5;border-radius:4px;place-items:center;width:25px;height:25px;font:700 15px monospace;display:grid}.device-card header div{flex:1}.device-card small{color:#728078;font:9px monospace;display:block}.led{background:#98a19b;border-radius:50%;width:8px;height:8px}.device-card .led.on{background:#28cf7c;box-shadow:0 0 8px #28cf7c}.status{background:#f2f3ed;margin:10px 0;padding:6px;font-size:10px}.status b{color:#146f4b}.actions{margin:8px 0;font-size:10px}.actions small{margin-bottom:5px}.actions button{margin:2px;font-size:10px}.disabled{color:#77837a;background:#f1f2ee;padding:7px}.api{color:#64736a;border-top:1px solid #e5dfd2;margin-top:8px;padding-top:7px;font-size:9px}.api code{background:#e9ebe5;border-radius:3px;margin:2px;padding:3px;font:9px monospace;display:inline-block}.lcd{color:#a7f2c6;background:#25362f;margin:10px 0;padding:10px;font:11px monospace}.coins{background:#f2e6cf;padding:7px;font:11px monospace}.lanes{font-size:10px}.lanes>small{padding:4px 0}.lanes label{grid-template-columns:1fr 58px 66px;align-items:center;gap:5px;margin:6px 0;display:grid}.lanes input{border:1px solid #7a7f7c;border-radius:4px;width:100%;min-width:0;padding:6px;font-size:12px}.lanes input:disabled{opacity:.5;background:#e8eae4}.motor{text-align:center;color:#398b62;font:28px monospace}.coding{grid-template-columns:245px 1fr;gap:12px;margin-top:13px;display:grid}.coding>div{background:#fff;border:1px solid #d8d0bd;border-radius:8px;padding:12px}.coding p{color:#68776e;font-size:11px}.coding textarea{resize:none;color:#b9efcb;background:#1d2b27;border:0;border-radius:8px;width:100%;height:105px;padding:12px;font:12px monospace}.coding button{color:#14382a;background:#50c98d;border:0}.coding pre{color:#a7e6c1;white-space:pre-wrap;background:#1d2b27;min-height:40px;margin:7px 0 0;padding:8px}#toast{color:#dcffe9;opacity:0;background:#16382b;border-radius:6px;padding:10px;transition:all .2s;position:fixed;bottom:20px;right:20px}#toast.show{opacity:1}@media (width<=800px){.shell,.coding{grid-template-columns:1fr}aside{display:none}.board{min-width:850px}.shell{overflow:auto}.notice span{display:none}}.workspace-main{width:100%;max-width:none;padding:18px 26px}.workspace-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.workspace-topbar>div:first-child{align-items:center;gap:12px;display:flex}.workspace-topbar span{color:#68776e;font-size:11px}.view-switch{background:#fffdf7;border:1px solid #c8d2c9;border-radius:7px;display:flex;overflow:hidden}.view-switch button{border:0;border-radius:0;padding:8px 12px;font-size:12px}.view-switch button.active{color:#13754e;background:#dff4e8}.editor-shell{height:var(--editor-height);background:#fffdf7;border:1px solid #cec4af;border-radius:9px;grid-template-columns:230px minmax(0,1fr);min-height:260px;display:grid;overflow:hidden}.file-panel{background:#faf8ef;border-right:1px solid #ddd4c2;padding:13px;display:block;overflow:auto}.file-panel-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.file-panel-title button{color:#fff;background:#3bae78;border:0;width:28px;height:28px;padding:0}.file-tree{flex-direction:column;gap:6px;display:flex}.file-row{text-align:left;color:#34473f;background:#fff;border:1px solid #e1ded2;padding:9px 10px;font:12px monospace}.file-row.active{color:#146f4b;background:#e9f8ef;border-color:#3bae78}.work-surface{background:#f7f4eb;min-width:0;position:relative}.board-wrap,.code-wrap{display:none;position:absolute;inset:0}.board-wrap.active,.code-wrap.active{display:block}.board-wrap .board{width:100%;height:100%}.code-wrap{color:#b9efcb;background:#1d2b27}.code-head{color:#dbffe8;border-bottom:1px solid #385046;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}.code-head span{color:#88ad9b;font-size:11px}.code-wrap textarea{resize:none;color:#b9efcb;background:#1d2b27;border:0;outline:0;width:100%;height:calc(100% - 42px);padding:16px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.splitter{z-index:40;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative}.splitter:after{content:"";background:#c5cdc6;transition:background .15s;position:absolute}.splitter:hover:after,.is-resizing .splitter:after{background:#3bae78}.splitter-horizontal{cursor:row-resize;height:12px;margin:0 -2px}.splitter-horizontal:after{height:2px;top:5px;left:0;right:0}.run-log{grid-template-columns:180px minmax(0,1fr);gap:12px;margin-top:0;display:grid}.run-log button{color:#14382a;background:#50c98d;border:0;font-weight:700}.run-log pre{color:#a7e6c1;white-space:pre-wrap;background:#1d2b27;min-height:86px;max-height:150px;margin:0;padding:12px;overflow:auto}.boot-loading{color:#68776e;place-items:center;max-width:none;height:100vh;display:grid}@media (width<=900px){.workspace-main{padding:12px}.editor-shell{grid-template-columns:1fr;height:auto}.file-panel{border-bottom:1px solid #ddd4c2;border-right:0}.work-surface{height:560px}.run-log{grid-template-columns:1fr}.splitter-horizontal{display:none}}.control-panel{background:#f2f3ed;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 8px;padding:8px;font-size:10px;display:flex}.control-panel span{color:#40534a;font-weight:700}.power-switch{color:#69776d;background:#cfd6ce;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:4px;width:62px;height:28px;padding:3px;font:700 9px monospace;display:flex}.power-switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .18s;box-shadow:0 1px 4px #0002}.power-switch b{text-align:center;min-width:24px}.power-switch.on{color:#fff;background:#2f9d6d;flex-direction:row-reverse}.power-switch.on i{background:#eafff1}.file-row small{float:right;color:#809087;font:10px Arial,sans-serif}.code-wrap textarea:read-only{color:#93b6a5;cursor:default}.file-tree{gap:2px}.tree-folder-row,.file-row{width:100%;padding:7px 8px;padding-left:calc(8px + var(--depth,0)*16px);color:#34473f;background:0 0;border:0;border-radius:4px;font:12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tree-folder-row{text-align:left;font-weight:700}.tree-folder-row:hover,.file-row:hover{background:#edf2ed}.file-row.active{color:#146f4b;background:#e9f8ef;border:1px solid #3bae78}.file-row span,.tree-folder-row span{color:#698078;width:15px;display:inline-block}.tree-children{display:block}.workspace-tools{align-items:center;gap:10px;display:flex}#toast.workspace-toast{color:#38735a;opacity:0;background:0 0;border-radius:0;min-width:0;max-width:320px;padding:0;font-size:11px;transition:opacity .2s,transform .2s;position:static;bottom:auto;right:auto;transform:translateY(-3px)}#toast.workspace-toast.show{opacity:1;transform:translateY(0)}.run-log{height:var(--console-height);min-height:110px}.run-log pre{height:100%;max-height:none}.workspace-main{padding:8px 12px}.code-wrap textarea{padding:10px}.splitter-horizontal{background:linear-gradient(#c5cdc6,#c5cdc6) 50%/100% 1px no-repeat}.splitter-horizontal:after{background:radial-gradient(circle,#7a9083 1.1px,#0000 1.4px) 0 0/7px 3px;border-radius:5px;width:42px;height:6px;top:3px;left:50%;right:auto;transform:translate(-50%)}.splitter-vertical{background:linear-gradient(90deg,#c5cdc6,#c5cdc6) 50%/1px 100% no-repeat}.splitter-vertical:after{background:radial-gradient(circle,#7a9083 1.1px,#0000 1.4px) 0 0/3px 7px;border-radius:5px;width:6px;height:42px;top:50%;left:3px;transform:translateY(-50%)}.splitter-horizontal:hover:after,.is-resizing .splitter-horizontal:after,.splitter-vertical:hover:after,.is-resizing .splitter-vertical:after{background-color:#dff4e8;background-image:radial-gradient(circle,#2f9d6d 1.1px,#0000 1.4px)}html,body,#app{min-height:100%}body{min-height:100vh}#app{flex-direction:column;min-height:100vh;display:flex}.workspace-main{flex-direction:column;flex:1;min-height:0;display:flex}.workspace-topbar,.editor-shell,.splitter-horizontal{flex:none}.run-log{flex:1 0 var(--console-height);height:auto}.pixel-display{color:#b8f6b8;letter-spacing:1px;text-shadow:1px 0 #83d892;white-space:pre;height:52px;image-rendering:pixelated;background:#32483d;border:4px solid #182a22;justify-content:center;align-items:center;font:18px/1 Courier New,monospace;display:flex;overflow:hidden;box-shadow:inset 0 0 0 2px #4e6759}.device-card[data-id=display]{width:245px}.device-card[data-id=cash]{width:310px}.device-card[data-id=stock]{width:330px}.device-card .status{justify-content:space-between;align-items:center;gap:8px;display:flex}.device-card .status span{white-space:nowrap}.coins{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.coins span{color:#617168;font-size:10px}.coins b{color:#146f4b;font-size:15px}.maintenance-actions{background:#fffdf7;border:1px solid #e4ded0;border-radius:6px;gap:8px;padding:9px;display:grid}.maintenance-actions small{color:#65766d;margin:0}.quick-inject{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.custom-inject{grid-template-columns:minmax(0,1fr) 64px;gap:6px;display:grid}.maintenance-actions button,.lane-controls button{height:34px;margin:0;padding:0;font-size:12px;font-weight:700}.maintenance-actions input{background:#fff;border:1px solid #b8c3b9;border-radius:5px;width:100%;min-width:0;height:34px;padding:0 9px;font:12px Arial,Noto Sans SC,sans-serif}.take-coins{color:#705c3b!important;background:#f8f4e8!important;border-color:#d5c7ae!important}.lanes{gap:5px;display:grid}.lane-row{border-bottom:1px solid #ece5d7;justify-content:space-between;align-items:center;gap:7px;padding:8px 0;display:flex}.lane-row:last-child{border-bottom:0}.lane-meta{gap:3px;min-width:88px;display:grid}.lane-meta b{font-size:11px}.lane-meta span{color:#66776d;font-size:9px}.lane-meta strong{color:#16704c;font-size:10px}.lane-controls{align-items:center;gap:5px;display:flex}.control-group{grid-template-rows:auto 30px;grid-template-columns:27px 27px;gap:3px;display:grid}.control-group span{color:#77847c;text-align:center;grid-column:1/-1;font-size:8px}.control-group button{border-radius:5px;width:27px;height:30px}.buy-button{color:#126d48;background:#e4f7eb;border-color:#239461;min-width:64px;height:32px;padding:0 7px;font-size:11px;font-weight:700}.buy-button:hover:not(:disabled){color:#fff;background:#39ad76}.buy-button:disabled{opacity:.46;cursor:not-allowed}.actions.disabled{justify-content:space-between;align-items:center;gap:8px;display:flex}body{padding-left:var(--case-panel-width,230px)}.case-panel{width:var(--case-panel-width,230px);z-index:30;background:#fffdf7;border-right:1px solid #ded6c5;flex-direction:column;padding:18px 13px;display:flex;position:fixed;top:0;bottom:0;left:0}.case-panel-title{border-bottom:1px solid #e5dfd1;justify-content:space-between;align-items:center;padding-bottom:13px;font-size:15px;display:flex}.case-panel-title button{color:#fff;background:#3bae78;border:0;border-radius:5px;font-size:18px}.case-list{flex-direction:column;gap:6px;margin-top:13px;display:flex;overflow:auto}.case-row{text-align:left;color:#43544b;background:#fff;border:1px solid #e2e5df;padding:9px;font-size:11px}.case-row.active{color:#166b48;background:#eaf8ef;border-color:#45b77e}.case-panel-actions{gap:7px;margin-top:auto;display:grid}.case-panel-actions button{font-size:11px}.case-panel-actions #case-save{color:#fff;background:#3bae78;border:0}.splitter-vertical{cursor:col-resize;width:12px;position:absolute;top:0;bottom:0;right:-6px}.splitter-vertical:after{width:2px;top:0;bottom:0;left:5px}.login-screen{z-index:50;background:#193028cc;place-items:center;display:grid;position:fixed;inset:0}.login-card{background:#fffdf7;border-radius:12px;gap:11px;width:330px;padding:26px;display:grid;box-shadow:0 20px 50px #0a161150}.login-card h1{color:#1d8f60;margin:0;font:22px monospace}.login-card p{color:#748078;margin:0 0 10px;font-size:12px}.login-card label{gap:5px;font-size:11px;display:grid}.login-card input{border:1px solid #c9d1c9;border-radius:5px;padding:9px}.login-card button{color:#fff;background:#43b77b;border:0;padding:9px}.login-card small{color:#8b968e;font-size:10px}.login-error{color:#c84942;font-size:11px}@media (width<=850px){body{padding-left:0}.case-panel{width:auto;height:auto;min-height:0;position:static}.case-list{max-height:140px}.splitter-vertical{display:none}}:is(html:has(.login-screen),body:has(.login-screen)){width:100%;height:100%;overflow:hidden}body:has(.login-screen){padding-left:0}body:has(.login-screen) #app{visibility:hidden}body:has(.login-screen) .case-panel{visibility:hidden}.login-screen{isolation:isolate;width:100vw;height:100dvh;background-color:#f3dfb4!important;background-image:url(/tool-wall-login-sunny-low.jpg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.login-screen:before{content:"";z-index:-1;background:linear-gradient(90deg,#243a3061 0%,#243a302e 38%,#ffeec40a 72%,#243a301f 100%);position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffbf;width:min(390px,100vw - 40px);background:#fffdf7f5!important;padding:34px!important;box-shadow:0 24px 60px #0a171440!important}.login-card:before{content:"PYTHON HARDWARE LAB";letter-spacing:1.4px;color:#2f9d6d;font:10px/1 monospace}.login-card h1{letter-spacing:-.6px;font-size:27px!important}.login-card input{background:#fff;font-size:14px;padding:11px!important}.login-card button{border-radius:6px;margin-top:7px;font-size:14px;padding:11px!important}@media (width<=650px){.login-screen{background-position:50%!important}.login-screen:before{background:#22322a47}}