:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--editor-bg:#fff;--editor-text:#0f172a;--editor-muted:#64748b;--editor-border:#dbe4ef;--editor-gutter:#f8fafc;--editor-active:#0ea5e914;--editor-menu:#fffffff5;--editor-menu-hover:#f1f7ff;--editor-shadow:0 18px 50px #0f172a29;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;margin:0}body{background:var(--editor-bg);color:var(--editor-text);overflow:hidden}button,select{font:inherit}.editor-shell{background:var(--editor-bg);width:100%;height:100%;min-height:240px;color:var(--editor-text);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.editor-shell.has-status-bar{grid-template-rows:minmax(0,1fr) auto}.editor-shell.has-toolbar{grid-template-rows:auto minmax(0,1fr)}.editor-shell.has-toolbar.has-status-bar{grid-template-rows:auto minmax(0,1fr) auto}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--editor-bg:#0f172a;--editor-text:#e2e8f0;--editor-muted:#94a3b8;--editor-border:#273449;--editor-gutter:#111827;--editor-active:#38bdf81f;--editor-menu:#0f172af5;--editor-menu-hover:#17233a;--editor-shadow:0 18px 50px #00000057}.editor-toolbar{z-index:30;border-bottom:1px solid var(--editor-border);background:color-mix(in srgb, var(--editor-bg) 96%, var(--editor-gutter));min-width:0;min-height:34px;color:var(--editor-text);white-space:nowrap;align-items:center;gap:12px;padding:0 6px;display:flex;position:relative;overflow:visible}.menu-bar-nav{align-items:center;gap:2px;min-width:0;display:flex}.menu-bar-item{position:relative}.menu-bar-trigger{min-height:28px;color:var(--editor-text);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 10px;font-size:13px}.menu-bar-trigger:hover,.menu-bar-trigger.active{background:var(--editor-menu-hover);color:#0ea5e9}.menu-dropdown{z-index:60;border:1px solid var(--editor-border);background:var(--editor-menu);width:208px;max-height:min(430px,100vh - 48px);box-shadow:var(--editor-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:5px;position:absolute;top:calc(100% + 2px);left:0;overflow-y:auto}.menu-dropdown.wide{width:226px}.menu-dropdown-row{width:100%;min-height:30px;color:var(--editor-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px;font-size:13px;line-height:1.2;display:grid}.menu-dropdown-row:hover,.menu-dropdown-row.active{background:var(--editor-menu-hover);color:#0ea5e9}.menu-dropdown-title{color:var(--editor-muted);margin:5px 8px 4px;font-size:11px;line-height:1.2}.menu-shortcut{color:var(--editor-muted);font-size:12px;line-height:1}.menu-separator{background:var(--editor-border);height:1px;margin:5px 4px}.bar-toggle-button{border:1px solid var(--editor-border);background:var(--editor-menu);width:28px;height:24px;color:var(--editor-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.bar-toggle-button:hover{color:#0ea5e9;background:var(--editor-menu-hover);border-color:#8dccff}.toolbar-collapse-button{margin-left:auto}.toolbar-expand-button{z-index:45;position:fixed;top:6px;right:8px;box-shadow:0 8px 24px #0f172a14}.status-collapse-button{flex:none;margin-left:auto;margin-right:4px}.status-expand-button{z-index:45;position:fixed;bottom:6px;right:8px;box-shadow:0 8px 24px #0f172a14}.floating-actions{z-index:40;position:fixed}.floating-actions.dragging{-webkit-user-select:none;user-select:none}.gear-button{border:1px solid var(--editor-border);background:var(--editor-menu);width:42px;height:42px;color:var(--editor-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:11px;justify-content:center;align-items:center;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;display:flex;box-shadow:0 8px 24px #0f172a14}.gear-button:hover,.gear-button[aria-expanded=true]{color:var(--editor-text);box-shadow:var(--editor-shadow);border-color:#8dccff;transform:translateY(-1px)}.gear-button.dragging,.gear-button.dragging:hover{cursor:grabbing;transform:none}.gear-button svg{width:22px;height:22px}.gear-button path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.menu-stack{align-items:flex-start;gap:8px;display:flex;position:absolute;top:52px}.menu-placement-left .menu-stack{flex-direction:row-reverse;right:0}.menu-placement-right .menu-stack{flex-direction:row;left:0}.action-menu{border:1px solid var(--editor-border);background:var(--editor-menu);min-width:128px;box-shadow:var(--editor-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:5px;overflow:hidden}.sub-menu{min-width:162px;max-height:min(420px,100vh - 76px);overflow-y:auto}.menu-row{width:100%;min-height:34px;color:var(--editor-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;font-size:13px;line-height:1.2;display:grid}.menu-row:hover,.menu-row.active{background:var(--editor-menu-hover);color:#0ea5e9}.menu-icon{color:#8aa0bd;text-align:center;font-size:15px}.chevron,.check{color:#8aa0bd;font-size:18px;line-height:1}.check{color:#0ea5e9;font-size:14px}.menu-message{color:var(--editor-muted);margin:5px 8px 3px;font-size:12px;line-height:1.5}.file-input{display:none}.menu-backdrop{z-index:20;cursor:default;background:0 0;border:0;position:fixed;inset:0}.editor-host{background:var(--editor-bg);min-width:0;height:100%;min-height:0;overflow:auto}.status-bar{border-top:1px solid var(--editor-border);background:color-mix(in srgb, var(--editor-bg) 94%, var(--editor-gutter));min-width:0;min-height:28px;color:var(--editor-muted);white-space:nowrap;align-items:center;gap:0;font-size:12px;line-height:1;display:flex;overflow:auto hidden}.status-bar span{border-right:1px solid var(--editor-border);align-items:center;min-height:100%;padding:0 12px;display:inline-flex}.status-bar span:last-child{border-right:0}.status-pill{color:var(--editor-text)}.status-valid{color:#059669}.status-invalid{color:#dc2626}.theme-dark .status-valid{color:#34d399}.theme-dark .status-invalid{color:#fb7185}@media (width<=520px){.menu-stack{flex-direction:column;align-items:flex-end;max-width:calc(100vw - 16px)}.action-menu,.sub-menu{width:min(220px,100vw - 16px)}.status-bar span{padding:0 10px}.editor-toolbar{min-height:34px;overflow:auto visible}.menu-dropdown{width:min(220px,100vw - 12px)}}