:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1015;color:#edf1f4}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:30px;padding:25px 5%;border-bottom:1px solid #28303b}header b{letter-spacing:3px}header span{color:#65d4da}header small{color:#87949f}header a{margin-left:auto;color:#ddd;text-decoration:none}main{max-width:1200px;margin:auto;padding:45px 25px}.eyebrow{font-size:11px;letter-spacing:3px;color:#68d9d7}h1{font-size:clamp(36px,5vw,66px);margin:12px 0}p,footer{color:#98a5b1}section{background:#151b23;border:1px solid #28313d;border-radius:16px;padding:22px;margin:24px 0}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}button,select,.file{font:inherit;background:#242d38;border:1px solid #3a4655;color:#edf1f4;border-radius:8px;padding:10px 14px;cursor:pointer}button:hover,.file:hover{background:#334250}button:disabled{opacity:.35;cursor:default}.primary{background:#67d7d8;color:#0d2023;font-weight:700}.file input{display:none}canvas{width:100%;height:120px;display:block;margin:14px 0;background:#0d1218;border-radius:8px}#chain{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin:20px 0}.card{background:#11171f;border:1px solid #354153;border-top:3px solid var(--accent);border-radius:9px;padding:14px;cursor:pointer}.card.selected{background:#243140}.card.off{opacity:.5}.card small{display:block;color:#9da7b5;margin:8px 0}.card button{padding:3px 8px;font-size:13px;margin-right:4px}#editor{border-top:1px solid #354153;margin-top:20px;padding-top:18px}.controls,#globals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}label.control{display:block}label.control span{display:flex;justify-content:space-between;font-size:13px;color:#b5c4cf;margin-bottom:9px}input[type=range]{width:100%;accent-color:#65d4da}#globals{margin-bottom:24px}footer{font-size:12px;line-height:1.7}progress{width:120px;accent-color:#65d4da}#status{font-size:13px}h2{font-size:23px;margin:0 0 16px}@media(max-width:600px){header small{display:none}main{padding:25px 14px}section{padding:16px}#chain{grid-template-columns:repeat(2,1fr)}}