.ed-bar:where(.astro-ks6jvvlp){display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.ed-bar:where(.astro-ks6jvvlp) label:where(.astro-ks6jvvlp){display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem;align-items:center;flex:1;min-width:0}.ed-bar:where(.astro-ks6jvvlp) label:where(.astro-ks6jvvlp) span:where(.astro-ks6jvvlp){line-height:2.25rem}.ed-bar:where(.astro-ks6jvvlp) select:where(.astro-ks6jvvlp),.ed-bar:where(.astro-ks6jvvlp) input:where(.astro-ks6jvvlp),.ed-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp){height:2.25rem;box-sizing:border-box;border-radius:.3rem;font:inherit;line-height:1.2}.ed-bar:where(.astro-ks6jvvlp) select:where(.astro-ks6jvvlp),.ed-bar:where(.astro-ks6jvvlp) input:where(.astro-ks6jvvlp){padding:0 .6rem;border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);color:var(--sl-color-white)}.ed-bar:where(.astro-ks6jvvlp) select:where(.astro-ks6jvvlp){flex:1;min-width:0;appearance:none;-webkit-appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.7rem}.ed-save-bar:where(.astro-ks6jvvlp){margin-top:.75rem}.ed-save-bar:where(.astro-ks6jvvlp) input:where(.astro-ks6jvvlp){flex:1;min-width:8rem}.ed-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp){display:inline-flex;align-items:center;justify-content:center;padding:0 .9rem;border:1px solid var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-white);cursor:pointer}.ed-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp):disabled{opacity:.5;cursor:not-allowed}.ed-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp).ed-secondary{background:transparent;color:var(--sl-color-white);border-color:var(--sl-color-gray-5)}.ed-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp).ed-secondary:hover:not(:disabled){background:var(--sl-color-gray-6)}.ed-split:where(.astro-ks6jvvlp){display:grid;grid-template-columns:repeat(2,minmax(24rem,1fr));gap:1rem;align-items:start}.ed-pane:where(.astro-ks6jvvlp){display:flex;flex-direction:column;min-width:0}.ed-pane-head:where(.astro-ks6jvvlp){font-size:.8rem;font-weight:600;color:var(--sl-color-gray-2);margin-bottom:.3rem}#ed-src:where(.astro-ks6jvvlp){width:100%;min-height:60vh;resize:vertical;padding:.75rem;border:1px solid var(--sl-color-gray-5);border-radius:.4rem;background:var(--sl-color-black);color:var(--sl-color-white);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.5;tab-size:2}.ed-preview:where(.astro-ks6jvvlp){min-height:60vh;max-height:80vh;overflow:auto;overflow-wrap:anywhere;padding:clamp(.75rem,2vw,1.25rem);border:1px solid var(--sl-color-gray-5);border-radius:.4rem}.ed-preview:where(.astro-ks6jvvlp) img,.ed-preview:where(.astro-ks6jvvlp) svg,.ed-preview:where(.astro-ks6jvvlp) video,.ed-preview:where(.astro-ks6jvvlp) iframe{max-width:100%;height:auto}.ed-preview:where(.astro-ks6jvvlp) pre,.ed-preview:where(.astro-ks6jvvlp) table{max-width:100%;overflow-x:auto}.ed-preview:where(.astro-ks6jvvlp) .ed-image-error{display:block;min-height:5rem;border:1px dashed var(--sl-color-red-high, #f87171);background:color-mix(in srgb,var(--sl-color-red-high, #f87171) 8%,transparent)}@media(max-width:70rem){.ed-split:where(.astro-ks6jvvlp){grid-template-columns:minmax(0,1fr)}.ed-preview:where(.astro-ks6jvvlp){min-height:24rem;max-height:none}#ed-src:where(.astro-ks6jvvlp){min-height:50vh}}@media(max-width:36rem){.ed-bar:where(.astro-ks6jvvlp) label:where(.astro-ks6jvvlp){grid-template-columns:1fr;gap:.2rem;flex-basis:100%}.ed-bar:where(.astro-ks6jvvlp) label:where(.astro-ks6jvvlp) span:where(.astro-ks6jvvlp){line-height:1.3}.ed-bar:where(.astro-ks6jvvlp) select:where(.astro-ks6jvvlp){width:100%}.ed-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp){flex:1}.ed-save-bar:where(.astro-ks6jvvlp) input:where(.astro-ks6jvvlp){flex-basis:100%}.ed-save-bar:where(.astro-ks6jvvlp) button:where(.astro-ks6jvvlp){flex-basis:100%}}.ed-result:where(.astro-ks6jvvlp){font-size:.85rem}.ed-ok:where(.astro-ks6jvvlp){color:var(--sl-color-green-high, #4ade80)}.ed-err:where(.astro-ks6jvvlp){color:var(--sl-color-red-high, #f87171)}.ed-hint:where(.astro-ks6jvvlp){font-size:.8rem;color:var(--sl-color-gray-3);margin-top:.5rem}