.testbed.svelte-j6hxly{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;width:1400px;max-width:100%;margin:0 auto;background:var(--tb-bg-card);border:1px solid var(--tb-border);border-radius:.75rem;padding:1.25rem;margin-top:1rem;height:90vh;max-height:90vh;position:relative}.controls.svelte-j6hxly{max-height:100%;overflow-y:auto;scrollbar-width:thin}@media(max-width:900px){.testbed.svelte-j6hxly{overflow-y:unset;max-height:unset}}.controls.svelte-j6hxly{display:flex;flex-direction:column;gap:1rem}.controls.svelte-j6hxly h1:where(.svelte-j6hxly){font-size:1.125rem;font-weight:600}.preview.svelte-j6hxly{display:flex;flex-direction:column;gap:1.25rem}.options-card.svelte-j6hxly{display:flex;flex-direction:column;gap:1.25rem;background:var(--tb-bg);border:1px solid var(--tb-border);border-radius:.5rem;padding:1rem}.control-group.svelte-j6hxly{display:flex;flex-direction:column;gap:.5rem}.control-group.svelte-j6hxly h2:where(.svelte-j6hxly){font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tb-fg-muted)}.preset-grid.svelte-j6hxly{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}.error-message.svelte-j6hxly{color:#ef4444;font-size:.75rem;font-weight:500}.preset-btn.svelte-j6hxly{padding:.375rem .5rem;background:var(--tb-bg-card);border:1px solid var(--tb-border);border-radius:.25rem;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--tb-fg);cursor:pointer;transition:all .15s}.preset-btn.svelte-j6hxly:hover{border-color:var(--tb-fg-muted)}.preset-btn.active.svelte-j6hxly{background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}.preset-btn.danger.svelte-j6hxly{border-color:#ef4444;color:#ef4444}.preset-btn.danger.svelte-j6hxly:hover{background:#ef44441a}.preset-btn.danger.active.svelte-j6hxly{background:#ef4444;color:#fff}.textarea-wrap.svelte-j6hxly{position:relative;background:var(--tb-bg-card);border:1px solid var(--tb-border);border-radius:.375rem;transition:border-color .15s}.textarea-wrap.svelte-j6hxly:focus-within{border-color:var(--tb-accent)}.textarea-wrap.svelte-j6hxly textarea:where(.svelte-j6hxly){width:100%;padding:.5rem .5rem 2rem;background:transparent;border:none;border-radius:.375rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--tb-fg);resize:vertical;min-height:60px}.textarea-wrap.svelte-j6hxly textarea:where(.svelte-j6hxly):focus{outline:none}.textarea-wrap.svelte-j6hxly input:where(.svelte-j6hxly){width:100%;padding:.5rem;background:transparent;border:none;border-radius:.375rem;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--tb-fg)}.textarea-wrap.svelte-j6hxly input:where(.svelte-j6hxly):focus{outline:none}.btn-group.svelte-j6hxly{display:flex;gap:.25rem}.btn-group.svelte-j6hxly button:where(.svelte-j6hxly){flex:1;padding:.375rem .5rem;background:var(--tb-bg-card);border:1px solid var(--tb-border);border-radius:.25rem;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--tb-fg);cursor:pointer;transition:all .15s}.btn-group.svelte-j6hxly button:where(.svelte-j6hxly):hover{border-color:var(--tb-fg-muted)}.btn-group.svelte-j6hxly button.active:where(.svelte-j6hxly){background:var(--tb-accent);border-color:var(--tb-accent);color:#fff}.output-section.svelte-j6hxly h2:where(.svelte-j6hxly){font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tb-fg-muted);margin-bottom:.625rem}.options-output.svelte-j6hxly{margin-top:auto}.state-row.svelte-j6hxly{display:flex;align-items:baseline;gap:.75rem;font-size:.8125rem;padding:.25rem 0}.state-row.svelte-j6hxly span:where(.svelte-j6hxly):first-child{color:var(--tb-fg-muted);min-width:90px}.state-row.svelte-j6hxly code:where(.svelte-j6hxly){font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--tb-accent)}.lang-tags.svelte-j6hxly{display:flex;flex-wrap:wrap;gap:.25rem}.lang-tags.svelte-j6hxly code:where(.svelte-j6hxly){background:var(--tb-bg);padding:.125rem .375rem;border-radius:.25rem}.empty-state.svelte-j6hxly{color:var(--tb-fg-muted);font-style:italic;font-size:.75rem}.component-area.svelte-j6hxly{display:flex;padding:2rem 1rem}.selected-value.svelte-j6hxly{display:block;font-family:SF Mono,Fira Code,monospace;font-size:1rem;color:var(--tb-accent)}.action-btn.svelte-j6hxly{padding:.375rem .5rem;background:var(--tb-bg-card);border:1px solid var(--tb-border);border-radius:.25rem;font-family:inherit;font-size:.75rem;font-weight:500;color:var(--tb-fg);cursor:pointer;text-align:center}.action-btn.svelte-j6hxly:hover{border-color:var(--tb-fg-muted)}@media(max-width:700px){.testbed.svelte-j6hxly{grid-template-columns:1fr;height:unset}.controls.svelte-j6hxly{order:2}.preview.svelte-j6hxly{order:1}.preset-grid.svelte-j6hxly{grid-template-columns:repeat(3,1fr)}.controls-title.svelte-j6hxly{display:none}}