html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif}.dl-editor{--dl-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--dl-font-size:13px;--dl-radius:6px;--dl-gap:8px;--dl-bg:#fff;--dl-surface:#f6f7f9;--dl-surface-2:#eceef2;--dl-border:#d6dae1;--dl-text:#1f2328;--dl-text-muted:#5b6470;--dl-accent:#0a66d9;--dl-accent-text:#fff;--dl-danger:#c62828;--dl-danger-bg:#fdecec;--dl-warning-bg:#fff6e0;--dl-focus:#0a66d9;--dl-sidebar-width:300px;grid-template-areas:"top top top""tools canvas side""status status status";grid-template-columns:auto minmax(0, 1fr) var(--dl-sidebar-width);height:100%;min-height:0;font-family:var(--dl-font);font-size:var(--dl-font-size);color:var(--dl-text);background:var(--dl-bg);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.dl-editor[data-theme=dark]{--dl-bg:#15181c;--dl-surface:#1d2126;--dl-surface-2:#262b31;--dl-border:#343b44;--dl-text:#e6eaee;--dl-text-muted:#9aa4b1;--dl-accent:#5aa2ff;--dl-accent-text:#0b1220;--dl-danger:#ff6b6b;--dl-danger-bg:#3a1d1f;--dl-warning-bg:#3a3220;--dl-focus:#8bbfff}.dl-editor *,.dl-editor :before,.dl-editor :after{box-sizing:border-box}.dl-editor :focus-visible{outline:2px solid var(--dl-focus);outline-offset:1px}.dl-editor button,.dl-editor input,.dl-editor select{font:inherit;color:inherit}.dl-btn{border:1px solid var(--dl-border);border-radius:var(--dl-radius);background:var(--dl-surface);cursor:pointer;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.dl-btn:hover:not(:disabled){background:var(--dl-surface-2)}.dl-btn:disabled{opacity:.5;cursor:default}.dl-btn[aria-pressed=true],.dl-btn.dl-primary{background:var(--dl-accent);border-color:var(--dl-accent);color:var(--dl-accent-text)}.dl-icon-btn{justify-content:center;width:34px;height:34px;padding:0}.dl-input,.dl-select{border:1px solid var(--dl-border);background:var(--dl-bg);border-radius:4px;width:100%;padding:3px 6px}.dl-input[aria-invalid=true]{border-color:var(--dl-danger)}.dl-topbar{grid-area:top}.dl-statusbar{grid-area:status}.dl-topbar,.dl-statusbar{align-items:center;gap:var(--dl-gap);background:var(--dl-surface);border-bottom:1px solid var(--dl-border);min-width:0;padding:4px 8px;display:flex}.dl-statusbar{border-top:1px solid var(--dl-border);color:var(--dl-text-muted);white-space:nowrap;border-bottom:none;font-size:12px;overflow:hidden}.dl-statusbar .dl-prompt{text-overflow:ellipsis;color:var(--dl-text);flex:1;overflow:hidden}.dl-spacer{flex:1}.dl-toolbar{background:var(--dl-surface);border-right:1px solid var(--dl-border);flex-direction:column;grid-area:tools;gap:4px;padding:6px;display:flex;overflow-y:auto}.dl-canvas,.dl-canvas-overlay{grid-area:canvas}.dl-canvas-overlay{pointer-events:none;min-width:0;min-height:0;position:relative}.dl-canvas-overlay>*{pointer-events:auto}.dl-canvas{background:var(--dl-bg);min-width:0;min-height:0;position:relative;overflow:hidden}.dl-canvas-host{position:absolute;inset:0}.dl-canvas-overlay>.dl-canvas-message{pointer-events:none}.dl-canvas-overlay>.dl-canvas-message.dl-error{pointer-events:auto}.dl-canvas-message{border:1px solid var(--dl-border);border-radius:var(--dl-radius);background:var(--dl-surface);text-align:center;max-width:420px;padding:16px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.dl-canvas-message.dl-error{background:var(--dl-danger-bg);border-color:var(--dl-danger);text-align:left}.dl-sidebar{background:var(--dl-surface);border-left:1px solid var(--dl-border);flex-direction:column;grid-area:side;min-height:0;display:flex;overflow-y:auto}.dl-panel{border-bottom:1px solid var(--dl-border);padding:8px}.dl-panel>h2{text-transform:uppercase;letter-spacing:.04em;color:var(--dl-text-muted);margin:0 0 6px;font-size:12px;font-weight:600}.dl-tabs{gap:4px;margin-bottom:6px;display:flex}.dl-plain-fieldset{border:0;min-width:0;margin:0;padding:0}.dl-row{align-items:center;gap:6px;min-height:28px;display:flex}.dl-field{grid-template-columns:96px 1fr auto;align-items:center;gap:6px;margin:3px 0;display:grid}.dl-field>label{color:var(--dl-text-muted);text-overflow:ellipsis;overflow:hidden}.dl-field-error{color:var(--dl-danger);grid-column:2/4;font-size:12px}.dl-list{border:1px solid var(--dl-border);background:var(--dl-bg);border-radius:4px;max-height:240px;position:relative;overflow-y:auto}.dl-list-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;height:26px;padding:0 6px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.dl-list-item[aria-selected=true]{background:var(--dl-accent);color:var(--dl-accent-text)}.dl-badge{background:var(--dl-surface-2);color:var(--dl-text-muted);border-radius:3px;padding:0 4px;font-size:11px}.dl-banner{background:var(--dl-warning-bg);border-radius:4px;margin:4px 0;padding:6px 8px}.dl-banner.dl-error{background:var(--dl-danger-bg);color:var(--dl-text);border:1px solid var(--dl-danger)}.dl-muted{color:var(--dl-text-muted)}.dl-dialog-backdrop{z-index:1000;background:#00000059;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.dl-dialog{border-radius:var(--dl-radius);border:1px solid var(--dl-border);background:var(--dl-bg);width:min(520px,92vw);max-height:70vh;color:var(--dl-text);font-family:var(--dl-font);font-size:var(--dl-font-size);padding:12px;overflow:auto;box-shadow:0 10px 40px #0000004d}.dl-palette-list{margin:8px 0 0}.dl-palette-list [role=option]{cursor:pointer;border-radius:4px;justify-content:space-between;padding:6px 8px;display:flex}.dl-palette-list [role=option][aria-selected=true]{background:var(--dl-accent);color:var(--dl-accent-text)}.dl-kbd{opacity:.8;font-family:ui-monospace,monospace;font-size:11px}.dl-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.dl-editor{grid-template:"top top""tools canvas"minmax(0,1fr)"side side""status status"/auto minmax(0,1fr)}.dl-sidebar{border-left:none;border-top:1px solid var(--dl-border);max-height:40vh}}.dl-fieldset{border:none;flex-wrap:wrap;gap:4px;margin:4px 0 0;padding:0;display:flex}