@layer components{.ed-root{--ed-canvas:#121214;--ed-island:#232329;--ed-field:#2c2c33;--ed-hairline:#ffffff14;--ed-hover:#ffffff12;--ed-accent:var(--brand);--ed-selected:color-mix(in oklch, var(--brand) 24%, transparent);--ed-selected-fg:color-mix(in oklch, var(--brand) 45%, white);--ed-shadow:0 0 1px 0 #000000b3, 0 0 3px 0 #00000059, 0 7px 14px 0 #00000059;--ed-frame-shadow:0 0 1px 0 #000c, 0 12px 32px -8px #0009;background:var(--ed-canvas);color:var(--fg);-webkit-font-smoothing:antialiased}@supports (color:lab(0% 0 0)){.ed-root{--ed-hairline:lab(100% 0 0/.08);--ed-hover:lab(100% 0 0/.07)}}html[data-scheme=light] .ed-root{--ed-canvas:#f3f3f6;--ed-island:#fff;--ed-field:#f1f1f4;--ed-hairline:#ebebef;--ed-hover:color-mix(in oklch, var(--brand) 6%, #f3f3f6);--ed-selected:color-mix(in oklch, var(--brand) 14%, #fff);--ed-selected-fg:var(--brand);--ed-shadow:0 0 1px 0 #0000002b, 0 0 3px 0 #00000014, 0 7px 14px 0 #0000000d;--ed-frame-shadow:0 0 1px 0 #0003, 0 12px 32px -12px #0000002e}.ed-root ::selection{background:color-mix(in oklch, var(--brand) 30%, transparent)}.ed-root *{scrollbar-width:thin;scrollbar-color:var(--ed-hairline) transparent}.ed-island{background:var(--ed-island);box-shadow:var(--ed-shadow);border-radius:12px}.ed-frame{background:var(--ed-island);box-shadow:var(--ed-frame-shadow);border-radius:10px;overflow:hidden}.ed-tool{width:36px;height:36px;color:var(--ink-300);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition-property:background-color,color,scale;transition-duration:.12s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;position:relative}.ed-tool svg{width:18px;height:18px}.ed-tool[data-size=sm]{width:32px;height:32px}.ed-tool[data-size=sm] svg{width:16px;height:16px}.ed-tool:hover{background:var(--ed-hover);color:var(--fg)}.ed-tool:active{scale:.96}.ed-tool[aria-pressed=true],.ed-tool[data-active=true]{background:var(--ed-selected);color:var(--ed-selected-fg)}.ed-tool:disabled{opacity:.35;pointer-events:none}.ed-tool:focus-visible,.ed-btn:focus-visible,.ed-tab:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.ed-tool-key{color:var(--ink-600);font-variant-numeric:tabular-nums;pointer-events:none;font-size:9px;line-height:1;position:absolute;bottom:2px;right:4px}.ed-tool[aria-pressed=true] .ed-tool-key{color:var(--ed-selected-fg);opacity:.7}.ed-sep{background:var(--ed-hairline);flex-shrink:0;width:1px;height:20px;margin:0 4px}.ed-btn{height:36px;color:var(--ink-300);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition-property:background-color,color,scale,opacity;transition-duration:.12s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex}.ed-btn svg{width:16px;height:16px}.ed-btn:hover{background:var(--ed-hover);color:var(--fg)}.ed-btn:active{scale:.96}.ed-btn[data-size=sm]{background:var(--ed-field);height:28px;color:var(--fg);padding:0 10px;font-size:12px}.ed-btn:disabled{opacity:.45;pointer-events:none}.ed-btn[data-variant=primary]{background:var(--brand);color:var(--brand-foreground)}.ed-btn[data-variant=primary]:hover{background:color-mix(in oklch, var(--brand) 88%, black)}.ed-btn[data-variant=primary]:disabled{background:var(--ed-field);color:var(--ink-500);opacity:1}.ed-tabs{border-radius:12px;gap:2px;padding:4px;display:flex}.ed-tab{height:32px;color:var(--ink-400);border-radius:8px;flex:1;font-size:13px;font-weight:500;transition-property:background-color,color;transition-duration:.12s}.ed-tab:hover{color:var(--fg);background:var(--ed-hover)}.ed-tab[aria-selected=true],.ed-tab[aria-pressed=true]{background:var(--ed-selected);color:var(--ed-selected-fg)}.ed-heading{color:var(--ink-500);font-size:12px;font-weight:500}.ed-hairline{border-color:var(--ed-hairline)}}