html, body, #app { height: 100%; margin: 0; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji"; }
header { padding: 10px 12px; border-bottom: 1px solid #ddd; display: flex; align-items: center; gap: 16px; }
header h1 { font-size: 18px; margin: 0 8px 0 0; }
.controls { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
label { font-size: 14px; display: flex; align-items: center; gap: 6px; }
main { height: calc(100% - 100px); }
#cy { height: 100%; }
footer { height: 36px; display: flex; align-items: center; padding: 0 12px; border-top: 1px solid #eee; font-size: 12px; color: #666; }