body{margin:0;font-family:system-ui;background:linear-gradient(135deg,#0f172a,#1e293b);color:white;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;}
.status-pill{display:flex;align-items:center;gap:8px;background:#1f2937;padding:6px 12px;border-radius:999px;}
.dot{width:10px;height:10px;border-radius:50%;background:red;}
.layout{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:20px 30px;}
.sidebar{display:flex;flex-direction:column;gap:20px;}
.card{background:#1e293b;padding:15px;border-radius:16px;}
.canvas-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;}
.canvas-card{background:#1e293b;padding:12px;border-radius:16px;text-align:center;}
canvas{
    width:100%;
    height:auto;
    display:block;
    background:white;
    border-radius:12px;
}
input, select{width:100%;margin:6px 0;}