body { font-family: Arial, sans-serif; margin:0; background:#f5f7fb; color:#222; }
header { display:flex; justify-content:space-between; align-items:center; padding:12px 18px; background:#1f2937; color:white; }
header h1 { margin:0; font-size:18px; }
.top-controls button { margin-left:8px; }
main { display:flex; height: calc(100vh - 56px); }
.panel { width:300px; padding:16px; background:white; border-right:1px solid #e5e7eb; overflow:auto; }
.canvas-wrap { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#container { width:90%; height:90%; background:white; border:1px solid #e5e7eb; margin:18px; position:relative; }
label { display:block; margin:10px 0; font-size:13px; }
input[type="text"], input[type="number"], select, input[type="password"] { width:100%; padding:6px; box-sizing:border-box; }
button { padding:8px 10px; margin-top:8px; cursor:pointer; }
canvas, svg { max-width:100%; height:auto; }
.login-box { max-width:380px; margin:80px auto; background:white; padding:18px; border-radius:6px; box-shadow:0 4px 10px rgba(0,0,0,0.06); }
.msg { margin-top:8px; color:#d00; }