*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0b12;color:#e8e8f0}a{color:inherit}.top{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #1f1f2b;background:#0f0f18}.brand{font-size:22px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#7af,#f0f,#8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand span{font-weight:800}.badge{padding:4px 8px;border:1px solid #333;border-radius:8px;font-size:12px;color:#aaa}.balance{margin-left:auto;font-size:14px;color:#cbd5ff}.tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #1f1f2b;background:#0f0f18}.tab{background:#181a2b;border:1px solid #2a2d40;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.tab.active{background:linear-gradient(90deg,#7af,#f0f);border:none}.app{display:grid;grid-template-columns:1fr;gap:16px;padding:16px}.card{background:#11121c;border:1px solid #1f2233;border-radius:14px;padding:14px;box-shadow:0 0 30px rgba(0,0,0,.2)}
.hist{display:flex;gap:8px;align-items:center;margin:6px 0;}.card-title{font-weight:700;margin-bottom:10px}.btn{background:#181a2b;border:1px solid #2a2d40;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}.btn.primary{background:linear-gradient(90deg,#7af,#f0f);border:none}.btn.ghost{background:transparent;border:1px dashed #333}.stage{display:flex;flex-direction:column;gap:12px}.canvas-wrap{background:#0f111a;border:1px solid #1f2233;border-radius:16px;height:520px;display:flex;align-items:center;justify-content:center;position:relative}.canvas{width:100%;height:100%;border:2px dashed #2c2f45;border-radius:12px;background:#111;}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.scale{display:flex;gap:8px;align-items:center}input{width:100%;margin:6px 0 12px;padding:8px;border-radius:8px;border:1px solid #2a2d40;background:#0c0d14;color:#fff}input[type=range]{width:140px;margin:0 6px}.muted{color:#777;font-size:13px}
@media (max-width: 900px){.canvas-wrap{height:360px;}}