.editor-container[data-astro-cid-aasmvn4r]{width:100%;padding:var(--gap-body);flex-direction:column;align-items:center;gap:0;display:flex}.editor__design-toolbar[data-astro-cid-aasmvn4r]{top:var(--space);z-index:1000;padding:var(--space-d4) var(--space-d4) var(--space-d4) var(--space);background:var(--color-surface-low);box-shadow:var(--shadow-raised), var(--shadow-lg);border-radius:999px;place-items:center;gap:0;display:flex;position:sticky}.toolbar__section[data-astro-cid-aasmvn4r]{align-items:center;gap:var(--space-half);display:flex}.toolbar__item[data-astro-cid-aasmvn4r]{align-items:center;gap:var(--trim);font-size:var(--size-xs);flex-direction:column;display:flex}.toolbar__label[data-astro-cid-aasmvn4r]{font-family:var(--font-monospace);font-size:var(--size-2xs);text-transform:uppercase;color:var(--color-muted);margin-top:0;margin-bottom:var(--space-d6)}.toolbar__divider[data-astro-cid-aasmvn4r]{width:var(--stroke-width);height:var(--space);margin-inline:var(--space-half);background:var(--color-border)}.color-trigger[data-astro-cid-aasmvn4r]{width:var(--space-d2);height:var(--space-d2);position:relative}.color-preview[data-astro-cid-aasmvn4r]{width:100%;height:100%;box-shadow:var(--shadow-raised);cursor:pointer;border-radius:50%}input[data-astro-cid-aasmvn4r][type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.editor__form[data-astro-cid-aasmvn4r]{box-sizing:border-box;width:100%;max-width:var(--line-width,65ch);background:var(--color-background);padding:var(--space-2);border-radius:var(--radius);box-shadow:var(--shadow-raised), var(--shadow-lg);flex-direction:column;align-items:stretch;gap:0;display:flex;position:relative}@media (width<=768px){.editor__form[data-astro-cid-aasmvn4r]{padding:var(--space)}}.editor__codemirror[data-astro-cid-aasmvn4r]{font-family:var(--font-text);font-size:var(--size-base,var(--space-base,1rem));outline:none;flex-grow:1;width:100%;min-width:0;min-height:30vh}.editor__footer-toolbar[data-astro-cid-aasmvn4r]{bottom:var(--space);z-index:100;width:100%;max-width:var(--line-width,80ch);justify-content:flex-end;align-items:center;display:flex;position:sticky}.editor__footer-container[data-astro-cid-aasmvn4r]{gap:var(--space-d2);border-radius:999px;padding-inline-end:var(--space);display:flex}.visually-hidden[data-astro-cid-aasmvn4r]{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cm-token-dropdown{z-index:100000;background:var(--color-background,#fff);border:var(--border,1px solid #00000026);border-radius:var(--radius,6px);box-shadow:var(--shadow-lg,0 10px 30px #0003);padding:var(--space-d4,.5rem);min-width:220px;max-height:320px;font-family:var(--font-monospace,monospace);font-size:var(--size-xs,.75rem);position:fixed;overflow-y:auto}.cm-token-group-title{font-size:var(--size-2xs,.65rem);text-transform:uppercase;color:var(--color-muted,#78716c);padding:var(--space-d3,.35rem) var(--space-d3,.5rem) var(--space-d4,.25rem);letter-spacing:.05em;margin-top:var(--space-d4,.5rem)}.cm-token-group-title:first-child{margin-top:0}.cm-token-option{align-items:center;gap:var(--space-d4,.5rem);text-align:left;width:100%;padding:var(--space-d4,.25rem) var(--space-d3,.5rem);cursor:pointer;color:var(--color-foreground,inherit);border-radius:var(--radius,4px);font-family:inherit;font-size:inherit;background:0 0;border:none;transition:background .1s,color .1s;display:flex}.cm-token-option:hover{background:var(--color-surface,#0000000d);color:var(--color-accent,#b45309)}.cm-token-option-dot{color:var(--color-accent,#b45309);opacity:.7;font-size:8px;line-height:1}.cm-tooltip.cm-tooltip-above,.cm-tooltip{background:0 0!important;border:none!important}.editor__selection-bubble{align-items:center;gap:var(--space-d4,.25rem);padding:var(--space-d4,.25rem) var(--space-d3,.5rem);background:var(--color-surface-high,#1e1e1e);color:var(--color-foreground,#fff);box-shadow:var(--shadow-raised,0 4px 14px #00000040);border:1px solid var(--color-border,#ffffff1a);z-index:200;border-radius:999px;display:flex}.editor__selection-bubble button{width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.editor__selection-bubble button:hover{background:var(--color-surface,#ffffff26);color:var(--color-accent,#eab308)}.editor__selection-bubble button svg{width:1rem;height:1rem}