:root{--daba-surface:#fff;--daba-surface-muted:#f4f4f5;--daba-border:#e4e4e7;--daba-text:#18181b;--daba-text-muted:#71717a;--daba-accent:#6366f1;--daba-accent-contrast:#fff;--daba-highlight:#22d3ee;--daba-danger:#ef4444;--daba-radius-sm:4px;--daba-radius-md:8px;--daba-radius-lg:16px;--daba-chrome-blur:12px;--daba-chrome-surface:#ffffffd9;--daba-chrome-shadow:0 4px 24px #0000001f;--daba-dot-color:#71717a59;--daba-guide-color:var(--daba-highlight);--daba-marquee-fill:#6366f11a;--daba-marquee-border:var(--daba-accent);--daba-z-canvas:0;--daba-z-overlay:10;--daba-z-chrome:100;--daba-z-menu:1000;--daba-z-tutorial:2000}@media (prefers-color-scheme:dark){:root{--daba-surface:#18181b;--daba-surface-muted:#27272a;--daba-border:#3f3f46;--daba-text:#fafafa;--daba-text-muted:#a1a1aa;--daba-chrome-surface:#18181bd9;--daba-chrome-shadow:0 4px 24px #0006;--daba-dot-color:#a1a1aa40}}
.daba-canvas{touch-action:none;background:var(--daba-surface);width:100%;height:100%;color:var(--daba-text);position:relative;overflow:hidden}.daba-pan-layer{pointer-events:none;position:absolute;inset:0}.daba-item{box-sizing:border-box;pointer-events:auto}.daba-item[data-daba-highlighted=true]{outline:2px solid var(--daba-highlight);outline-offset:2px;border-radius:var(--daba-radius-sm)}.daba-item__handle{z-index:1;width:10px;height:10px;position:absolute}.daba-item__handle--n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.daba-item__handle--s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.daba-item__handle--e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.daba-item__handle--w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.daba-item__handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.daba-item__handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.daba-item__handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.daba-item__handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.daba-snap-guide{stroke:var(--daba-guide-color);stroke-width:1px;shape-rendering:crispedges}.daba-marquee{background:var(--daba-marquee-fill);border:1px solid var(--daba-marquee-border);pointer-events:none;z-index:var(--daba-z-overlay);position:absolute}.daba-dotted-background{z-index:var(--daba-z-canvas);pointer-events:none;position:absolute;inset:0}.daba-context-menu-backdrop{z-index:var(--daba-z-menu);position:fixed;inset:0}.daba-context-menu{background:var(--daba-chrome-surface);min-width:180px;-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border:1px solid var(--daba-border);border-radius:var(--daba-radius-md);box-shadow:var(--daba-chrome-shadow);padding:4px;position:fixed}.daba-context-menu__row{width:100%;color:var(--daba-text);border-radius:var(--daba-radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.daba-context-menu__row:hover:not(:disabled){background:var(--daba-surface-muted)}.daba-context-menu__row:disabled{color:var(--daba-text-muted);cursor:default}.daba-context-menu__row--danger{color:var(--daba-danger)}.daba-context-menu__divider{background:var(--daba-border);height:1px;margin:4px 6px}.daba-dock{background:var(--daba-chrome-surface);-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border:1px solid var(--daba-border);border-radius:var(--daba-radius-lg);box-shadow:var(--daba-chrome-shadow);z-index:var(--daba-z-chrome);align-items:center;gap:6px;padding:6px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.daba-dock__item{border-radius:var(--daba-radius-md);width:40px;height:40px;color:var(--daba-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.daba-dock__item:hover{background:var(--daba-surface-muted)}.daba-dock__item[aria-pressed=true]{background:var(--daba-accent);color:var(--daba-accent-contrast)}.daba-dock__ghost{z-index:var(--daba-z-menu);opacity:.85}.daba-dock-popover{background:var(--daba-chrome-surface);-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border:1px solid var(--daba-border);border-radius:var(--daba-radius-md);box-shadow:var(--daba-chrome-shadow);padding:8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.daba-hud-layer{pointer-events:none;z-index:var(--daba-z-chrome);position:absolute;inset:0}.daba-hud-widget{pointer-events:auto;background:var(--daba-chrome-surface);-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border:1px solid var(--daba-border);border-radius:var(--daba-radius-md);box-shadow:var(--daba-chrome-shadow);flex-direction:column;display:flex;overflow:hidden}.daba-hud-widget__header{cursor:grab;color:var(--daba-text);border-bottom:1px solid var(--daba-border);align-items:center;gap:6px;padding:6px 10px;display:flex}.daba-hud-widget__body{flex:1;padding:8px;overflow:auto}.daba-hud-widget__resize-handle{cursor:nwse-resize;width:14px;height:14px;position:absolute;bottom:0;right:0}.daba-hud-launcher{position:relative}.daba-hud-launcher__trigger{border:1px solid var(--daba-border);border-radius:var(--daba-radius-md);background:var(--daba-chrome-surface);color:var(--daba-text);cursor:pointer;padding:6px 10px}.daba-hud-launcher__menu{background:var(--daba-chrome-surface);min-width:200px;-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border:1px solid var(--daba-border);border-radius:var(--daba-radius-md);box-shadow:var(--daba-chrome-shadow);z-index:var(--daba-z-menu);padding:4px;position:absolute;bottom:calc(100% + 8px);right:0}.daba-hud-launcher__item{width:100%;color:var(--daba-text);border-radius:var(--daba-radius-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.daba-hud-launcher__item:hover{background:var(--daba-surface-muted)}.daba-hud-launcher__item[aria-checked=true]{color:var(--daba-accent)}.daba-tutorial-layer{z-index:var(--daba-z-tutorial);position:fixed;inset:0}.daba-tutorial-cutout{pointer-events:none}.daba-tutorial-card{background:var(--daba-surface);max-width:320px;color:var(--daba-text);border:1px solid var(--daba-border);border-radius:var(--daba-radius-lg);box-shadow:var(--daba-chrome-shadow);padding:16px;position:fixed}.daba-tutorial-card__title{margin:0 0 8px;font-size:1rem;font-weight:600}.daba-tutorial-card__description{color:var(--daba-text-muted);margin:0 0 16px;font-size:.875rem}.daba-tutorial-card__footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.daba-tutorial-card__progress{color:var(--daba-text-muted);font-size:.75rem}.daba-tutorial-card__actions{gap:6px;display:flex}.daba-tutorial-card__actions button{border:1px solid var(--daba-border);background:var(--daba-surface-muted);color:var(--daba-text);border-radius:var(--daba-radius-sm);cursor:pointer;padding:4px 10px}.daba-tutorial-card__next{border-color:var(--daba-accent)!important;background:var(--daba-accent)!important;color:var(--daba-accent-contrast)!important}.daba-components-panel{background:var(--daba-chrome-surface);-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border-right:1px solid var(--daba-border);color:var(--daba-text);flex-direction:column;gap:4px;display:flex;overflow-y:auto}.daba-components-panel__group-header{width:100%;color:var(--daba-text-muted);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 10px;font-size:.75rem;display:flex}.daba-components-panel__chevron{transition:transform .15s;display:inline-block}.daba-components-panel__chevron--collapsed{transform:rotate(0)}.daba-components-panel__group-header[aria-expanded=true] .daba-components-panel__chevron{transform:rotate(90deg)}.daba-components-panel__row{cursor:pointer;border-radius:var(--daba-radius-sm);padding:6px 14px}.daba-components-panel__row:hover,.daba-components-panel__row[data-daba-highlighted=true]{background:var(--daba-surface-muted)}.daba-components-panel__rename-input{border:1px solid var(--daba-accent);border-radius:var(--daba-radius-sm);background:var(--daba-surface);width:100%;color:var(--daba-text);padding:2px 6px}.daba-side-toolbar{background:var(--daba-chrome-surface);-webkit-backdrop-filter:blur(var(--daba-chrome-blur));backdrop-filter:blur(var(--daba-chrome-blur));border-left:1px solid var(--daba-border);color:var(--daba-text);flex-direction:column;display:flex;overflow-y:auto}.daba-side-toolbar__header{border-bottom:1px solid var(--daba-border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.daba-side-toolbar__title{font-size:.875rem;font-weight:600}.daba-side-toolbar__collapse,.daba-side-toolbar__expand{border:1px solid var(--daba-border);background:var(--daba-surface-muted);color:var(--daba-text);border-radius:var(--daba-radius-sm);cursor:pointer;width:24px;height:24px}.daba-side-toolbar__body{padding:12px}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{color:#f4f4f5;background:#0b0b0d}