:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#253846;background:#f4f6f8;font-size:13px;--teal:#087f73;--border:#dce3e7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:white;color:#354955;border-radius:6px;padding:8px 11px;transition:background .15s}button:hover{background:#eaf4f1;border-color:#86b7ac}button.active{background:#e1f2ec;color:#05695e;border-color:#a7d1c5}button:disabled{opacity:.4;cursor:default}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#096b62;color:white}input,select,textarea{border:1px solid var(--border);border-radius:5px;padding:8px;background:white;color:#253846;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #62b9a9;outline-offset:1px}input[type=checkbox]{accent-color:var(--teal)}header{height:72px;display:flex;align-items:center;gap:12px;padding:0 24px;background:white;border-bottom:1px solid var(--border)}.brand{font-size:29px;font-weight:800;color:var(--teal);text-decoration:none;letter-spacing:-1.8px;margin-right:32px}.brand span{color:#263d48}.brand small{display:block;font-size:8px;letter-spacing:1.7px;color:#86979d;margin-top:1px}nav{display:flex;gap:7px}nav button{border-color:transparent}kbd{font-size:9px;border:1px solid #dce3e7;padding:2px 4px;border-radius:3px;color:#88969f;margin-left:6px}.saveState{margin-left:auto;font-size:11px;color:#6f8385}.projectbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:#fafbfc}.projectbar>div:first-child{display:flex;align-items:center;gap:15px}#projectName{font-size:17px;font-weight:650;background:transparent;border:0;width:245px}.badge{font-size:9px;letter-spacing:1px;padding:6px 8px;background:#e9eef1;color:#647983;border-radius:4px}.tabs{display:flex;background:#e9edef;padding:4px;border-radius:7px}.tabs button{border:0;background:transparent;padding:8px 22px}.tabs button.active{background:white;box-shadow:0 1px 4px #23374615;color:var(--teal)}main{display:grid;grid-template-columns:218px minmax(340px,1fr) 266px;height:calc(100vh - 173px);min-height:510px}.tools,.properties{padding:22px 16px;background:white;overflow:auto}.tools{border-right:1px solid var(--border)}.properties{border-left:1px solid var(--border)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#8b9aa1;margin-bottom:16px}#tools{display:grid;gap:4px}#tools button{text-align:left;border-color:transparent;display:flex;align-items:center;gap:12px;padding:9px}#tools button.active{border-color:#baded5}#tools button b{font-size:17px;width:21px;text-align:center;font-weight:400}#tools button small{margin-left:auto;color:#92a1a6;font-size:10px}hr{border:0;border-top:1px solid #e7edef;margin:21px 0}#librarySearch{width:100%;margin-bottom:12px}#library{display:grid;gap:6px;max-height:310px;overflow:auto;margin-bottom:10px}#library button{text-align:left;font-size:11px;padding:10px;background:#f8fafb;border-color:#e9eef0}#library button::before{content:'⊞';color:#2c9a87;margin-right:7px}.hint{font-size:11px;line-height:1.7;color:#85939b;margin-top:15px}.workspace{display:flex;flex-direction:column;min-width:0}.canvasbar{display:flex;gap:10px;align-items:center;height:53px;padding:0 15px;background:white;border-bottom:1px solid var(--border);font-size:11px}.canvasbar select{padding:5px}.canvasbar button{padding:5px 8px}.spacer{flex:1}#boardHost{position:relative;flex:1;overflow:hidden;background:#e9eef0}#canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none}#canvas text{font-family:Segoe UI,Arial,sans-serif}.viewPill{position:absolute;top:18px;left:20px;font-size:9px;letter-spacing:1.4px;font-weight:600;background:#ffffffd9;padding:9px 11px;border:1px solid #d8e2e6;border-radius:5px;pointer-events:none}.canvasHint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#7b8e96;pointer-events:none}.statusbar{height:31px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a8b94;background:white;border-top:1px solid var(--border)}h3{font-size:12px;font-weight:650;margin:16px 0 12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px}.fields label{display:grid;gap:6px;font-size:10px;color:#73838c}.fields input,.fields select{width:100%;font-size:12px}#selection p,.muted{color:#82929b;font-size:11px;line-height:1.7}#side{width:100%;font-size:11px}#layers{display:grid;gap:11px}#layers label{display:flex;align-items:center;font-size:11px;gap:8px}#layers i{height:8px;width:8px;display:inline-block;border-radius:2px}#layers input{margin-left:auto}details{font-size:10px;line-height:1.6;color:#7a8c94;margin-top:18px}summary{cursor:pointer}#checks{font-size:11px;max-height:230px;overflow:auto}#checks button{display:block;width:100%;text-align:left;border-color:#efe0bc;background:#fff9ed;margin-bottom:6px;font-size:10px;color:#85612f}footer{height:33px;display:flex;align-items:center;gap:14px;padding:0 20px;border-top:1px solid var(--border);background:white;font-size:10px;color:#81919a}.dot{width:6px;height:6px;background:var(--teal);border-radius:50%}dialog{border:1px solid #dce5e6;border-radius:12px;padding:25px;box-shadow:0 20px 90px #152e4150;max-width:min(1020px,95vw);max-height:92vh;width:850px;color:#253846}dialog::backdrop{background:#182f4266;backdrop-filter:blur(3px)}.dialogHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialogHead h2{font-size:20px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--border);border-radius:8px;overflow:hidden;text-align:left;padding:0}.card svg{width:100%;height:120px;background:#eaf0ef}.card div{padding:12px}.card small{display:block;color:#84949b;margin-top:7px;font-size:10px}.dialogActions{display:flex;gap:8px;margin:15px 0}.printLayout{display:grid;grid-template-columns:245px 1fr;gap:25px}.printLayout label{display:block;margin-bottom:16px;line-height:1.7}.printLayout label input[type=number]{width:75px;float:right}.printLayout iframe{width:100%;height:62vh;border:1px solid #dce3e7;background:#f3f4f5}.printLayout p{line-height:1.7;font-size:12px}.printLayout .notice{background:#edf5f2;padding:12px;border-radius:5px;font-size:11px}.full{width:100%}textarea{width:100%;min-height:220px;font-family:Consolas,monospace;font-size:12px}.buttons{display:flex;gap:7px;margin-top:12px}.helpGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;line-height:1.8}.helpGrid h3{color:var(--teal)}#toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#203e47;color:white;border-radius:7px;z-index:10;display:none;max-width:80vw}.warning{color:#a76820}#symbolFields{display:grid;gap:10px}.netRows{max-height:210px;overflow:auto;margin-top:12px}.netRows label{display:flex;align-items:center;gap:8px;font-size:11px;margin:6px 0}.netRows input{width:100%}.selectedBox{stroke:#27baa2;stroke-width:.3;stroke-dasharray:1 1;fill:none;pointer-events:none}a{color:var(--teal)}@media(max-width:1100px){main{grid-template-columns:180px minmax(300px,1fr) 225px}.badge,kbd{display:none}header{padding:0 15px;gap:7px}.brand{margin-right:10px}.canvasbar{gap:5px;padding:0 8px}.canvasbar label{font-size:10px}.projectbar{padding:0 12px}.tabs button{padding:7px 12px}#projectName{width:190px}}@media(max-width:800px){main{grid-template-columns:155px minmax(300px,1fr) 210px;min-width:700px}header,.projectbar,footer{min-width:700px}.saveState{display:none}nav button{padding:6px}body{overflow:auto}}
.workspace,.tools,.properties{min-height:0}#boardHost{min-height:0}.printLayout label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.printLayout label:has(input[type=checkbox]){justify-content:flex-start}.printLayout label input[type=number]{float:none;flex:0 0 75px;width:75px}.printLayout .notice{clear:both}.padTable{border-collapse:collapse;width:100%;margin:16px 0}.padTable th{font-size:10px;text-align:left;color:#768991}.padTable td{padding:4px}.padTable input,.padTable select{width:100%;padding:7px}.padTable input{min-width:45px}.footprintPreview{width:100%;height:170px;background:#e9f0ed;border:1px solid #dbe6e0;border-radius:6px}.footprintControls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.footprintControls label{display:grid;gap:5px;font-size:11px}
.selectionbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:7px 14px;background:#f7faf9;border-bottom:1px solid var(--border);font-size:11px}.selectionbar button{padding:5px 8px;font-size:10px}.selectionbar span{margin-left:auto;color:#6b8587;font-size:10px}.marqueeBox{fill:#20b79920;stroke:#0b9e85;stroke-width:.25;stroke-dasharray:1 .6;pointer-events:none}.viewPill{top:32px;left:42px}.fpGenerator{background:#f1f6f3;border:1px solid #dae7df;border-radius:8px;padding:12px;margin:14px 0}.fpGenerator h3{margin-top:0}.fpGeneratorFields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.fpGeneratorFields label{display:grid;gap:5px;font-size:10px;color:#627e73}.fpGeneratorFields input,.fpGeneratorFields select{width:100%}.fpToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px;margin:10px 0}.fpToolbar label{display:flex;align-items:center;gap:5px}.fpToolbar button{font-size:11px;padding:6px 9px}.fpToolbar span{margin-left:auto;font-size:10px;color:#6b837b}#fpCustomGrid{width:65px}.footprintPreview{height:250px;display:block;touch-action:none;user-select:none}.fpMove{display:flex;align-items:flex-end;gap:12px;margin:12px 0}.fpMove label{display:grid;gap:5px;font-size:10px;width:130px}.fpTableWrap{max-height:280px;overflow:auto}.padTable thead{position:sticky;top:0;background:white;z-index:1}.padTable input[type=checkbox]{min-width:15px;accent-color:var(--teal)}.padRowSelected{background:#e0f2eb}.padTable th{white-space:nowrap}.padTable td:first-child{width:25px}#fpRows input:focus,#fpRows select:focus{position:relative;z-index:2}.fpGenerator .buttons{flex-wrap:wrap}
.padTable td:nth-child(8),.padTable th:nth-child(8){min-width:105px}.padTable td:nth-child(2){min-width:62px}.padTable td:nth-child(9){min-width:65px}
.authPage{min-height:100vh;display:grid;place-items:center;background:#eaf1ed;padding:25px}.authCard{display:block;min-height:0;height:auto;width:min(420px,100%);background:white;border:1px solid #d6e3db;border-radius:14px;padding:32px;box-shadow:0 12px 50px #17372d15}.authCard h1{font-size:23px;margin:22px 0 8px}.authCard p{font-size:13px;line-height:1.6;color:#72877d}.authCard form label{display:grid;gap:8px;margin:18px 0;font-size:12px}.authCard form button{margin-top:8px;padding:11px}.authCard [hidden]{display:none!important}.authCard a{display:block;margin-top:16px;text-align:center}.authCard #authError{color:#ad482e;min-height:20px}.accountButtons{display:flex;gap:6px}.accountButtons button{font-size:10px;padding:7px}.accountButtons small{align-self:center;color:#7c8e85;font-size:10px}
.libraryRow{display:flex;gap:4px;min-width:0}.libraryRow [data-fp]{flex:1;min-width:0}.libraryRow .editFootprint{flex:0 0 29px!important;padding:7px 3px!important;text-align:center!important;font-size:16px!important;color:#238a70}#library .editFootprint::before{content:none}#editLibraryFP,#updateFromLibrary{margin-top:7px;font-size:10px;padding:8px 5px}
.authCard{min-width:0}