@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Vazirmatn:wght@400;500;600;700;800&display=swap";
:root{--bg:#0e1113;--panel:#151a1b;--line:#262e2e;--muted:#77817e;--mint:#a8edce;--text:#edf1ed}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:13px Vazirmatn,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{border-left:1px solid var(--line);background:#101315;flex-direction:column;flex:none;width:238px;height:100vh;padding:23px 15px 13px;display:flex;position:sticky;top:0}.brand{color:#edf4ef;padding:0 7px 25px;font-size:17px;font-weight:700;text-decoration:none}.brand span{background:var(--mint);color:#183024;border-radius:8px;place-items:center;width:27px;height:27px;margin-left:8px;font:24px DM Sans;display:inline-grid;transform:rotate(-16deg)}.brand b{color:#95a09b;font-weight:400}.switcher{border:1px solid var(--line);background:#171c1e;border-radius:8px;align-items:center;gap:9px;margin-bottom:27px;padding:9px;display:flex}.switcher>i,.user>i,.tools>span{color:#473328;background:#d4ad91;border-radius:7px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:700;display:grid}.switcher small,.switcher strong,.user small{display:block}.switcher small{color:#7e8984;font-size:9px}.switcher strong{font-size:11px}.switcher>b{color:#78827e;margin-right:auto}.caption{color:#6c7773;padding:0 9px 9px;font-size:10px}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:#919b97;border-radius:6px;align-items:center;gap:9px;height:36px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.sidebar nav a span{font-size:16px}.sidebar nav a.selected{color:#c3f1d6;background:#202925}.sidebar nav em{color:#90a198;margin-right:auto;font:10px DM Sans}.divider{background:var(--line);height:1px;margin:20px 1px}.board{color:#9ba39f;align-items:center;gap:9px;height:32px;padding:0 10px;font-size:10px;display:flex}.board i,.eyebrow i,.user>i{background:#a6edce;border-radius:50%;width:7px;height:7px}.board i.mega{background:#baa4eb}.board i.esp{background:#e6bd77}.board small{color:#606d67;margin-right:auto;font:10px DM Sans}.push{flex:1}.tip{background:linear-gradient(140deg,#1c2924,#171f1c);border:1px solid #293d34;border-radius:8px;margin:10px 1px 14px;padding:13px}.tip>span{float:left;color:#6c9780}.tip b{font-size:11px}.tip p{color:#8c9b93;margin:5px 0 9px;font-size:9px;line-height:1.8}.tip a{color:#baf0d3;justify-content:space-between;font-size:9px;text-decoration:none;display:flex}.tip a i{font:13px DM Sans}.user{border-top:1px solid var(--line);color:#d9dfdb;align-items:center;gap:9px;padding:12px 3px 0;font-size:10px;display:flex}.user>i{color:#473328;background:#d4ad91;width:29px;height:29px}.user small{color:#7c8681;font-size:9px}.user>b{color:#88928d;margin-right:auto;font-size:16px}.main{flex:1;min-width:0}.main>header{border-bottom:1px solid var(--line);color:#818b87;justify-content:space-between;align-items:center;height:59px;padding:0 38px;font-size:10px;display:flex}.crumb i{color:#3c4641;padding:0 9px;font-style:normal}.crumb b{color:#cbd1cd;font-weight:500}.tools{align-items:center;gap:16px;display:flex}.tools button{color:#aab2ae;background:0 0;border:0;font:10px Vazirmatn}.tools button:first-child{font-size:17px;position:relative}.tools button:first-child i{background:var(--mint);border-radius:50%;width:4px;height:4px;position:absolute;top:0;right:0}.tools>span{border-radius:50%;width:24px;height:24px;font-size:10px}.page{max-width:1180px;margin:auto;padding:34px 39px 18px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:22px;display:flex}.eyebrow{color:#8b9a92;align-items:center;gap:8px;font-size:10px;display:flex}.eyebrow i{width:6px;height:6px;box-shadow:0 0 0 4px #24372d}.welcome h1{letter-spacing:-.4px;margin:10px 0 3px;font-size:23px;font-weight:600}.welcome p{color:#89928e;margin:0;font-size:10px}.new{background:var(--mint);color:#142219;border:0;border-radius:6px;height:35px;padding:0 13px;font:600 10px Vazirmatn}.hero{background:#161e1b;border:1px solid #2b3831;border-radius:9px;height:222px;position:relative;overflow:hidden}.hero-copy{z-index:1;width:53%;padding:22px 27px;position:relative}.hero-copy>small{color:#a7c9b5;font-size:9px}.hero-copy h2{margin:10px 0 3px;font-size:23px;font-weight:600;line-height:1.45}.hero-copy h2 i{color:var(--mint);font-style:normal}.hero-copy p{color:#89948d;max-width:310px;margin:0;font-size:9px;line-height:1.8}.hero-copy>a{color:#c4f3d9;margin-top:12px;font-size:9px;text-decoration:none;display:inline-block}.art{background:radial-gradient(at 60%,#284235,#0000 60%);width:51%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.grid{background-image:linear-gradient(#a4e9c40c 1px,#0000 1px),linear-gradient(90deg,#a4e9c40c 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.ring{border:1px solid #79cc9a48;border-radius:50%;width:260px;height:125px;position:absolute;top:20%;left:20%;transform:rotate(-22deg)}.ring.r2{width:185px;height:88px;top:30%;left:28%}.circuit-board{background:linear-gradient(140deg,#469271,#285d4a);border:1px solid #86c39b;border-radius:8px;place-items:center;width:126px;height:99px;display:grid;position:absolute;top:25%;left:35%;transform:rotate(-8deg);box-shadow:0 12px 35px #07130c99}.circuit-board b{text-align:center;color:#c5d2c9;letter-spacing:1px;background:#141a18;border:1px solid #6f8879;border-radius:3px;padding:6px 9px;font:7px/1.5 DM Mono}.circuit-board span{color:#c4dac9;letter-spacing:1px;font:7px DM Mono;position:absolute;right:4px}.circuit-board i{background:#baffc9;border-radius:50%;width:5px;height:5px;position:absolute;top:13px;right:24px;box-shadow:0 0 10px #c2ffcc}.led-tag{color:#a6b8ad;background:#192923;border:1px solid #476a54;border-radius:5px;align-items:center;gap:8px;height:32px;padding:0 9px;font:7px DM Mono;display:flex;position:absolute;top:17%;left:63%}.led-tag i{background:#afffca;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #afffca}.led-tag b{color:#b8ecc8;font-weight:400}.art>small,.art>label{color:#779686;letter-spacing:1px;font:7px DM Mono;position:absolute;left:19px}.art>small{top:20px}.art>label{bottom:16px}.art>label i{background:var(--mint);border-radius:50%;width:4px;height:4px;display:inline-block}.stats{align-items:center;gap:0;margin:18px 0 28px;padding:0 4px;display:flex}.stats>div{border-left:1px solid var(--line);color:#a7e8c1;align-items:center;gap:9px;margin-left:24px;padding-left:24px;font-size:16px;display:flex}.stats>div:nth-child(2){color:#c1a9e9}.stats>div:nth-child(3){color:#e6c284}.stats>div span{color:#858f8a;font:9px Vazirmatn}.stats>div b{color:#e0e6e1;margin-top:3px;font:500 13px DM Sans;display:block}.stats>div small{color:#77817c;font:9px Vazirmatn}.stats aside{color:#8d9892;margin-right:auto;font-size:9px}.stats aside i{background:var(--mint);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 0 3px #24372d}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:13px;display:flex}.section-title span small,.section-title span b{display:block}.section-title span small{color:#82918a;margin-bottom:3px;font-size:9px}.section-title span b{font-size:14px;font-weight:600}.section-title span i{color:#707b75;font:9px DM Sans}.section-title>a{color:#9ad5b1;font-size:9px;text-decoration:none}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card{background:#151a1b;border:1px solid #293030;border-radius:8px;transition:all .2s;overflow:hidden}.card:hover{border-color:#4a6857;transform:translateY(-2px)}.preview{background:linear-gradient(140deg,#1d3229,#203d30);height:119px;position:relative;overflow:hidden}.preview.purple{background:linear-gradient(140deg,#2a2537,#39314d)}.preview.orange{background:linear-gradient(140deg,#332a1d,#493a25)}.preview b{color:#c0d0c5;background:#141a18;border:1px solid #84a48c;border-radius:4px;place-items:center;width:46px;height:38px;font:9px DM Mono;display:grid;position:absolute;top:32px;left:42%;box-shadow:0 8px 18px #0006}.purple b{color:#cfbbee;border-color:#9c85c2}.orange b{color:#ead29f;border-color:#b69a67}.preview small{color:#8d9b91;font:7px DM Mono;position:absolute;bottom:8px;right:10px}.preview button{color:#d4ded7;background:#18251dbb;border:1px solid #ffffff12;border-radius:4px;font-size:14px;position:absolute;top:7px;left:8px}.circuit i{background:#9de3ba66;width:35%;height:1px;position:absolute;top:41%;left:16%;transform:rotate(-17deg)}.circuit i:nth-child(2){top:54%;left:54%;transform:rotate(22deg)}.circuit i:nth-child(3){top:76%;left:25%;transform:rotate(7deg)}.card-info{padding:10px 12px}.card-info h3{justify-content:space-between;margin:0;font-size:10px;font-weight:500;display:flex}.card-info h3 i{background:#9bdcaf;border-radius:50%;width:5px;height:5px}.meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.meta span{color:#a2b0a7;background:#1c2321;border:1px solid #2c3430;border-radius:3px;padding:4px 5px;font:7px DM Mono}.meta small{color:#77827c;font-size:8px}.card-info footer{border-top:1px solid #272e2d;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;display:flex}.card-info footer small{color:#849087;font-size:8px}.card-info footer small i{background:var(--mint);border-radius:50%;width:4px;height:4px;margin-left:4px;display:inline-block}.card-info footer a{color:#b3e7c8;font-size:9px;text-decoration:none}.parts{background:#14191a;border:1px solid #272f2f;border-radius:8px;margin-top:20px;padding:12px 14px 13px}.parts>div{align-items:center;gap:9px;display:flex}.parts>div>b{color:#a9e2be;background:#1e2d25;border-radius:6px;place-items:center;width:27px;height:27px;font-size:15px;display:grid}.parts>div>span{font-size:10px}.parts>div>span small{color:#7c8781;font-size:8px;display:block}.parts>div>a{color:#98c6a5;margin-right:auto;font-size:8px;text-decoration:none}.parts section{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.parts label{color:#a8b1ac;background:#1a2021;border:1px solid #2b3331;border-radius:4px;padding:6px 9px;font-size:8px}.page-footer{color:#606b65;justify-content:space-between;padding:18px 2px 0;font-size:8px;display:flex}@media (max-width:1000px){.sidebar{width:205px}.page{padding:28px 24px}.main>header{padding:0 24px}.stats>div{margin-left:10px;padding-left:10px}.cards{gap:8px}}@media (max-width:760px){.sidebar{width:59px;padding:20px 8px}.brand{padding:0 8px 25px;font-size:0}.brand span{margin:0;font-size:23px}.switcher{justify-content:center;padding:6px}.switcher>span,.switcher>b,.caption,.sidebar nav a:not(.selected),.sidebar nav em,.divider,.board,.tip,.user>span,.user>b{display:none}.sidebar nav a.selected{justify-content:center;padding:0;font-size:0}.sidebar nav a span{font-size:16px}.user{justify-content:center}.main>header{padding:0 15px}.page{padding:24px 16px}.hero-copy{width:68%;padding:20px}.art{opacity:.8;width:50%}.stats>div{gap:5px;margin-left:8px;padding-left:8px}.stats aside{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card:last-child{display:none}}@media (max-width:520px){.welcome{align-items:flex-start;gap:8px}.welcome h1{font-size:18px}.welcome p{max-width:245px;font-size:9px;line-height:1.8}.new{white-space:nowrap;padding:0 8px;font-size:9px}.hero{height:234px}.hero-copy{width:100%;padding:19px}.hero-copy h2{font-size:21px}.hero-copy p{max-width:220px}.art{opacity:.4;width:58%}.stats{justify-content:space-between}.stats>div{border:0;gap:4px;margin:0;padding:0}.stats>div span{font-size:8px}.stats>div b{font-size:11px}.cards{grid-template-columns:1fr}.card:last-child{display:block}.preview{height:130px}.parts{margin-top:16px}.page-footer{font-size:7px}.main>header{height:52px}}.tip button,.user button,.section-title>button,.notice button,.empty-state button{color:#baf0d3;font:inherit;cursor:pointer;background:0 0;border:0}.tip button{justify-content:space-between;width:100%;padding:0;font-size:9px;display:flex}.tip button i{font:13px DM Sans}.user button{margin-right:auto;font-size:9px}.section-title>button{font-size:9px}.notice,.inline-message{color:#9ba79f;background:#17211b;border:1px solid #34463b;border-radius:7px;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;font-size:10px;display:flex}.notice b{color:#d7e8dc}.notice button{color:#142219;background:#a8edce;border-radius:5px;margin-right:auto;padding:7px 11px;font-size:9px;font-weight:700}.inline-message{color:#f0b2a3;background:#291d1a;border-color:#78534a}.empty-state{color:#89948d;text-align:center;background:#131819;border:1px dashed #35413b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:140px;font-size:10px;display:flex}.empty-state b{color:#d7e2da;font-size:13px}.empty-state button{color:#142219;background:#a8edce;border-radius:5px;margin-top:4px;padding:8px 12px;font-size:9px;font-weight:700}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050807c9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#151b19;border:1px solid #35443b;border-radius:12px;width:min(100%,410px);padding:26px;position:relative;box-shadow:0 24px 90px #0009}.modal-close{color:#98a49c;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:12px;left:15px}.modal>.eyebrow{align-items:center;gap:8px;display:flex}.modal h2{margin:12px 0 3px;font-size:19px}.modal>p{color:#89948d;margin:0 0 20px;font-size:10px;line-height:1.8}.modal form{gap:13px;display:grid}.modal form label{color:#b4c0b8;gap:6px;font-size:10px;display:grid}.modal input,.modal select{color:#edf1ed;background:#101513;border:1px solid #303b35;border-radius:6px;outline:none;width:100%;height:39px;padding:0 10px;font:12px Vazirmatn}.modal input:focus,.modal select:focus{border-color:#86c5a1;box-shadow:0 0 0 3px #86c5a11c}.modal select{direction:rtl}.modal-submit{cursor:pointer;width:100%;height:39px;margin-top:3px}.modal-submit:disabled{opacity:.65;cursor:wait}.form-error,.form-success,.form-note{border-radius:5px;padding:9px 10px;font-size:9px;line-height:1.8}.form-error{color:#f2b5a7;background:#2c1f1c;border:1px solid #734840}.form-success,.form-note{color:#b4d9c0;background:#19241d;border:1px solid #334c3b}.modal-switch{color:#929e96;justify-content:center;gap:6px;margin-top:17px;font-size:9px;display:flex}.modal-switch button{color:#baf0d3;font:inherit;cursor:pointer;background:0 0;border:0}@media (max-width:520px){.notice{flex-wrap:wrap;align-items:flex-start}.notice button{margin-right:0}.modal{padding:22px 18px}}.editor-shell{color:#edf1ed;background:#0e1113;min-height:100vh}.editor-topbar{background:#111516;border-bottom:1px solid #262e2e;align-items:center;gap:18px;height:58px;padding:0 20px;display:flex}.back-button{color:#baf0d3;cursor:pointer;background:0 0;border:0;font:11px Vazirmatn}.editor-project{align-items:center;gap:12px;min-width:0;display:flex}.editor-project input{color:#edf1ed;background:0 0;border:1px solid #0000;border-radius:5px;width:min(28vw,260px);padding:5px 8px;font:600 13px Vazirmatn}.editor-project input:focus{background:#151c18;border-color:#405548;outline:none}.editor-project span{color:#8e9a92;font-size:9px}.save-state{color:#a4b1a8;white-space:nowrap;align-items:center;gap:7px;margin-right:auto;font-size:9px;display:flex}.save-state i{background:#a8edce;border-radius:50%;width:6px;height:6px}.save-state i.bad{background:#f0a290}.run-disabled{color:#758079;cursor:not-allowed;background:#1a211d;border:1px solid #35443b;border-radius:6px;height:33px;padding:0 11px;font:10px Vazirmatn}.editor-layout{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);min-height:calc(100vh - 58px);display:grid}.code-pane,.circuit-pane{flex-direction:column;min-width:0;display:flex}.code-pane{border-left:1px solid #262e2e}.pane-heading{color:#d7dfd9;border-bottom:1px solid #252d2b;justify-content:space-between;align-items:center;height:44px;padding:0 16px;font-size:10px;display:flex}.pane-heading small{color:#7e8982;font-size:8px}.code-pane textarea{resize:none;color:#c9efd5;tab-size:2;background:#101415;border:0;outline:0;flex:1;min-height:calc(100vh - 135px);padding:20px;font:12px/1.9 DM Mono,monospace}.compile-note{color:#829088;border-top:1px solid #252d2b;padding:10px 15px;font-size:9px}.circuit-pane{padding-bottom:20px}.board-select{color:#98a49c;align-items:center;gap:10px;padding:12px 16px;font-size:9px;display:flex}.board-select select{color:#dfe8e1;background:#151b18;border:1px solid #303a35;border-radius:5px;min-width:190px;padding:7px 9px;font:10px Vazirmatn}.circuit-stage{background:#111715;border:1px solid #303b35;border-radius:8px;min-height:260px;margin:0 15px;position:relative;overflow:hidden}.stage-grid{background-image:linear-gradient(#a4e9c40c 1px,#0000 1px),linear-gradient(90deg,#a4e9c40c 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.board-illustration{background:linear-gradient(145deg,#32684f,#1c4937);border:1px solid #77ae8a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(70%,290px);height:135px;display:flex;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #0007}.board-illustration small{color:#c2d6c7;letter-spacing:2px;font:8px DM Mono}.board-illustration b{color:#dbe6dd;background:#17201b;border:1px solid #819387;border-radius:5px;padding:11px 16px;font:10px DM Mono}.board-illustration span{color:#bdd0c2;font-size:8px}.board-illustration i{background:#baffc9;border-radius:50%;width:6px;height:6px;position:absolute;top:17px;right:25px;box-shadow:0 0 12px #afffca}.stage-label{color:#78877d;font-size:8px;position:absolute;bottom:10px;right:12px}.component-heading{color:#d8e2da;justify-content:space-between;padding:17px 16px 9px;font-size:10px;display:flex}.component-heading small{color:#829087}.component-palette{flex-wrap:wrap;gap:7px;padding:0 15px;display:flex}.component-palette button{color:#aab8ae;cursor:pointer;background:#171e1a;border:1px solid #303b35;border-radius:5px;padding:7px 9px;font:9px Vazirmatn}.component-palette button:hover{color:#d5f1dd;border-color:#71967c}.component-list{gap:5px;padding:12px 15px;display:grid}.component-list>div{color:#b4c0b7;background:#141a17;border:1px solid #29322e;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 9px;font-size:9px;display:flex}.component-list button{color:#c58f84;cursor:pointer;background:0 0;border:0;font-size:16px}.editor-toast,.editor-error{color:#f2b5a7;background:#2b1e1c;border:1px solid #704840;border-radius:6px;max-width:min(440px,90vw);padding:11px 14px;font-size:10px;position:fixed;bottom:18px;right:18px}.editor-loading,.editor-error{color:#cbd4cd;background:#0e1113;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;font:12px Vazirmatn;display:flex}.editor-error button{color:#142219;cursor:pointer;background:#a8edce;border:0;border-radius:5px;padding:9px 13px;font:10px Vazirmatn}@media (max-width:760px){.editor-topbar{gap:9px;padding:0 10px}.editor-project{gap:3px}.editor-project input{width:27vw;font-size:10px}.editor-project span{display:none}.run-disabled{padding:0 10px;font-size:0}.run-disabled:after{content:"▶";font-size:12px}.editor-layout{grid-template-columns:1fr;min-height:calc(100vh - 58px)}.code-pane{border-bottom:1px solid #262e2e;border-left:0}.code-pane textarea{min-height:45vh}.circuit-stage{min-height:220px}}