*,:before,:after{box-sizing:border-box}body,html,#root{height:100%;margin:0;padding:0;overflow:hidden}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (width<=720px){.lvgl-split{flex-direction:column!important}.lvgl-split>div[style*="width: 1px"]{width:100%!important;height:1px!important}.lvgl-locallocalbadge{display:none!important}.lvgl-toolbar{flex-wrap:wrap!important;row-gap:6px!important;padding:8px!important}.lvgl-toolbar-title{display:none!important}}:root{--bg-surface:#252525;--bg-surface-hover:#333;--bg-input:#2d2d2d;--border-input:#3d3d3d;--border-hover:#555;--text-primary:#ccc;--text-secondary:#aaa;--text-disabled:#555;--text-muted:#666;--github-bg:#21262d;--github-border:#30363d;--github-bg-hover:#30363d;--github-border-hover:#8b949e}[data-theme=light]{--bg-surface:#efefef;--bg-surface-hover:#e2e2e2;--bg-input:#f5f5f5;--border-input:#d0d0d0;--border-hover:#999;--text-primary:#1a1a1a;--text-secondary:#555;--text-disabled:#bbb;--text-muted:#888;--github-bg:#f0f0f0;--github-border:#d0d0d0;--github-bg-hover:#e2e2e2;--github-border-hover:#999}.lvgl-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;outline:none;padding:5px 16px;font-size:13px;font-weight:600;transition:filter .12s,transform 80ms}.lvgl-btn:not(:disabled):hover{filter:brightness(1.18)}.lvgl-btn:not(:disabled):active{filter:brightness(.92);transform:scale(.95)}.lvgl-btn:disabled{cursor:not-allowed}.lvgl-btn-run{color:#fff;background:#4caf50}.lvgl-btn-run:disabled{background:var(--bg-surface);color:var(--text-disabled)}.lvgl-btn-stop{color:#fff;background:#f44336}.lvgl-btn-stop:disabled{background:var(--bg-surface);color:var(--text-disabled)}.lvgl-btn-open{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-input);align-items:center;gap:6px;padding:5px 12px;font-weight:500;transition:background .12s,border-color .12s,color .12s,transform 80ms;display:flex}.lvgl-btn-open:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.lvgl-btn-open:active{transform:scale(.95)}.lvgl-select{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-input);cursor:pointer;border-radius:4px;outline:none;padding:4px 8px;font-size:13px;transition:border-color .12s,background .12s,color .12s}.lvgl-select:hover{border-color:var(--border-hover);background:var(--bg-surface-hover);color:var(--text-primary)}.lvgl-select:focus{border-color:var(--border-hover);color:var(--text-primary)}.lvgl-select option{background:var(--bg-input)}.lvgl-icon-btn{border:1px solid var(--border-input);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .12s,border-color .12s,background .12s;display:flex}.lvgl-icon-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-surface)}.lvgl-icon-btn:active{transform:scale(.92)}.lvgl-drag-handle{cursor:ns-resize;background:0 0;flex-shrink:0;height:5px;transition:background .15s}.lvgl-drag-handle:hover{background:var(--bg-surface-hover)}.lvgl-drag-handle:active{background:var(--border-hover)}.lvgl-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;outline:none;margin-left:auto;padding:2px 8px;font-size:11px;transition:color .12s,background .12s}.lvgl-clear-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.lvgl-clear-btn:active{color:var(--text-primary)}.lvgl-preview-btn{background:var(--bg-surface);border:1px solid var(--border-input);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:4px;outline:none;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:background .12s,border-color .12s,color .12s,transform 80ms;display:flex}.lvgl-preview-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.lvgl-preview-btn:active{transform:scale(.95)}.lvgl-canvas-wrap:fullscreen{background:#000!important;justify-content:center!important;align-items:center!important;display:flex!important}.lvgl-canvas-wrap:fullscreen canvas{width:auto!important;max-width:100%!important;height:auto!important;max-height:100%!important}