@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#f1f5f3;--panel:#fff;--ink:#143b38;--muted:#526b66;--line:#d6e3dd;--accent:#087b68;--soft:#e4f3eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}button,select,input,textarea{font:inherit}button,select{min-height:46px;border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:var(--panel);color:var(--ink);cursor:pointer}button:hover{border-color:var(--accent);background:var(--soft)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #edb345;outline-offset:3px}header{display:flex;align-items:center;gap:14px;padding:25px 4vw;border-bottom:1px solid var(--line);background:var(--panel)}.brand{color:var(--ink);text-decoration:none;font:800 27px Manrope,Arial;letter-spacing:2px;margin-right:auto}.brand b{color:var(--accent);font-weight:400}.brand small{display:block;font:9px Arial;letter-spacing:2px;margin-top:6px}.demo,.badge{font-size:11px;font-weight:700;letter-spacing:1px}.demo{color:var(--accent)}main{max-width:1800px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;align-items:center;padding:50px 0 38px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800;color:var(--accent)}h1{font:800 clamp(32px,3.5vw,58px)/1.08 Manrope,Arial;margin:14px 0 20px;letter-spacing:-2px}p{line-height:1.6}h2{font:800 28px Manrope,Arial;margin:7px 0 18px;letter-spacing:-.7px}.intro-right{display:flex;gap:24px;align-items:center}.intro-right p{font-size:14px}.orb{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:var(--ink);color:#b6ead5;font-size:58px;font-weight:400;box-shadow:18px 0 0 var(--line)}.toolbar{display:flex;gap:14px;align-items:end;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:12px}.toolbar label{display:grid;gap:7px;font-size:11px;font-weight:bold;letter-spacing:1px;flex:1}.toolbar button,#guide{background:var(--ink);color:var(--bg)}.board-heading{display:flex;justify-content:space-between;align-items:center;padding-top:30px}.board-heading h2{font-size:32px}.badge{padding:10px;background:var(--soft);border-radius:30px}#board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.module{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;min-height:280px;overflow:hidden}.module.wide{grid-column:span 2}.module h3{font:800 17px Manrope,Arial;margin:0 0 20px}.module .subtitle{font-size:12px;color:var(--muted)}.stat{font:800 54px Manrope,Arial;letter-spacing:-2px}.stat small{font-size:18px;color:var(--muted);letter-spacing:0}.metrics{display:flex;gap:26px}.metric b{display:block;font-size:26px}.metric span{font-size:12px;color:var(--muted)}.bar{height:12px;background:var(--line);border-radius:20px;overflow:hidden;margin:20px 0 15px}.bar i{display:block;height:100%;background:var(--accent)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.row:last-child{border:0}.row small{display:block;color:var(--muted);margin-top:4px}.row button{min-width:46px;padding:8px}.pill{font-size:11px;font-weight:bold;padding:6px 9px;background:var(--soft);border-radius:20px;white-space:nowrap}.amber{background:#fff0cf;color:#6a4900}.safety{border-left:4px solid #cb9740;padding:12px;background:var(--soft);margin:10px 0;font-size:14px}.actions{margin-top:14px}textarea,input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}textarea{min-height:120px;resize:vertical}.edittools{display:flex;gap:4px;margin:-10px 0 18px;flex-wrap:wrap}.edittools button{font-size:12px;min-height:40px;padding:5px 10px}.dragover{outline:3px dashed var(--accent)}[draggable=true]{cursor:grab}#library{padding:20px;border:1px dashed var(--accent);margin:15px 0}#library span{display:block;margin:10px 0;font-size:14px}#modulebuttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.below{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 0;border-bottom:1px solid var(--line)}.below p{color:var(--muted)}.below button{margin:7px 5px 0 0}.renderings{padding:40px 0}#downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#downloads a{display:block;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);padding-bottom:16px}#downloads img{width:100%;display:block;margin-bottom:15px}#downloads b{padding:16px}footer{padding:30px 0;font-size:12px;color:var(--muted)}dialog{width:min(740px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:32px;color:var(--ink);background:var(--panel)}dialog::backdrop{background:#102d2bd9;backdrop-filter:blur(5px)}#close{float:right}dialog h2{margin-top:30px}.formgrid{display:grid;gap:12px}.steps{font-size:22px;line-height:1.7}.command{--bg:#0b1826;--panel:#142638;--ink:#edf6ff;--muted:#acc1d3;--line:#30485c;--accent:#65dfd2;--soft:#1d3a4a}.command .orb{color:#102d2b;background:#65dfd2}.command .amber{color:#ffe5a3;background:#574225}.canvas{--bg:#fbf5e9;--panel:#fffcf5;--ink:#382b4a;--muted:#6c6177;--line:#dfd4e7;--accent:#714aa0;--soft:#eee3f6}.canvas .module{border-radius:3px;box-shadow:5px 5px 0 #dfd4e7}.canvas .orb{border-radius:15px;background:#714aa0;color:#fff}.large .intro,.large .below,.large .renderings,.large footer{display:none}.large main{max-width:none;padding:0 2vw}.large .module{font-size:20px;min-height:330px}.large .row{font-size:18px}.large .toolbar{margin-top:18px}.large h3{font-size:22px}.large .stat{font-size:64px}.large .subtitle{font-size:15px}@media(max-width:850px){header{flex-wrap:wrap}.demo{display:none}.intro-right{display:none}.intro{padding:30px 0}.toolbar{flex-wrap:wrap}.toolbar label{min-width:42%}#board{grid-template-columns:1fr 1fr}.module.wide{grid-column:span 2}.below{gap:30px}.badge{display:none}#downloads{grid-template-columns:1fr}}@media(max-width:560px){#board,.below{grid-template-columns:1fr}.module.wide{grid-column:auto}.toolbar label{min-width:100%}.brand{font-size:22px}.intro h1{letter-spacing:-1px}.module{padding:20px}.board-heading h2{font-size:25px}}
@media(min-width:1100px){.command #board{grid-template-columns:repeat(4,minmax(0,1fr))}.command .module{padding:20px;border-top:3px solid var(--accent)}.command .metrics{gap:16px}.canvas #board{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas .module{min-height:310px}.canvas .row{font-size:18px}.canvas .module h3{font-size:22px}}
.edittools button{min-height:44px}button:disabled{opacity:.55;cursor:default}
.drag-handle{touch-action:none;user-select:none;cursor:grab;min-width:70px}.drag-handle:active{cursor:grabbing}.pointer-dragging{opacity:.65;outline:2px solid var(--accent)}#layout-status{display:block;margin-top:12px;font-size:13px;line-height:1.5;color:var(--ink)}