:root{font-family:Inter,system-ui,Segoe UI,sans-serif;color:#eaf2ff;background:#0a111d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:75px;background:#0f1927;border-bottom:1px solid #263345;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1280px)/2))}header strong{font-size:21px}.eyebrow{color:#59d5c1;letter-spacing:2px;font-size:11px;font-weight:800;margin-bottom:7px}small{font-size:11px;color:#8ea4b6}main{max-width:1280px;margin:30px auto;padding:0 24px;min-height:65vh}h1{font-size:27px;margin:8px 0}h2{font-size:17px;margin:0 0 8px}p{color:#a8b9cb;line-height:1.5;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #344457;border-radius:9px;padding:12px 14px;font-weight:650}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#66ddcb;color:#052521;border-color:#66ddcb}.secondary{background:#1d2b3d;color:#dfeeff}.danger{background:#372130;color:#ffc9cc;border-color:#733e53}.small{padding:8px}.hidden{display:none!important}.pill{padding:7px 12px;border-radius:8px;color:#9ad5c7;border:1px solid #315765;font-size:12px}.card{border:1px solid #293849;border-radius:16px;background:#131f30;padding:22px}.login{max-width:430px;margin:90px auto}.login form,.settings{display:flex;flex-direction:column;gap:16px}label{display:block;color:#d4e3f4;font-size:13px;font-weight:600}input[type=password],input[type=text],select{width:100%;padding:11px;margin-top:7px;background:#0b1523;color:#eaf2ff;border:1px solid #344457;border-radius:8px}input[type=color]{width:55px;height:42px;background:transparent;border:none;padding:0}.colorline{display:flex;gap:8px;align-items:center}.colorline input[type=text]{flex:1;min-width:50px;margin:0}.colorline button{white-space:nowrap}.settings input[type=range]{width:100%;accent-color:#66ddcb;margin:12px 0 0}.message{min-height:16px;font-size:12px;margin:6px 0;color:#f4cb8e}.titlebar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.titlebar h1{margin:0}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#131f30;border:1px solid #293849;padding:16px;border-radius:12px}.stat span{display:block;font-size:12px;color:#a8b9cb}.stat b{display:block;font-size:24px;margin-top:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-head p{margin:4px 0}.canvas-outer{margin-top:20px;position:relative;min-height:320px;background:#050b12;border:1px solid #314459;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-outer canvas{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.placeholder{position:absolute;text-align:center}.controls-inline{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.caption,.hint{font-size:12px;color:#8ca0b4}.settings hr{border:0;border-top:1px solid #344457;width:100%}footer{max-width:1280px;margin:16px auto;padding:0 24px 24px;color:#8ca0b4;font-size:12px}@media(max-width:900px){.layout{grid-template-columns:1fr}.statrow{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.statrow{grid-template-columns:1fr}.controls-inline button{flex:1}.card{padding:15px}}