.lab-page.svelte-16yp9oz{--lab-line:color-mix(in oklch, var(--on-surface) 18%, transparent);--lab-soft:color-mix(in oklch, var(--on-surface) 6%, transparent);--lab-muted:color-mix(in oklch, var(--on-surface) 64%, var(--surface));background:var(--surface);min-height:100svh;color:var(--on-surface);padding:1rem}.lab-frame.svelte-16yp9oz{gap:1rem;width:min(100%,76rem);margin:0 auto;display:grid}.workspace.svelte-16yp9oz,.editor-grid.svelte-16yp9oz{gap:1rem;display:grid}.workspace.svelte-16yp9oz{min-width:0}.tool-header.svelte-16yp9oz{border:1px solid var(--lab-line);background:0 0;border-radius:8px;align-items:center;padding:1rem calc(4.75rem + 1px) 1rem 1rem;display:flex;position:relative;overflow:hidden}.brand-lockup.svelte-16yp9oz{align-items:center;gap:.875rem;min-width:0;display:flex}.brand-mark.svelte-16yp9oz{background:var(--on-surface);width:2.75rem;height:2.75rem;color:var(--surface);border-radius:8px;flex:none;place-items:center;font-size:1.1rem;font-weight:900;line-height:1;display:grid}h1.svelte-16yp9oz,h2.svelte-16yp9oz{margin:0}.lab-link.svelte-16yp9oz{aspect-ratio:1;color:var(--lab-muted);border-left:1px solid var(--lab-line);justify-content:center;align-items:center;text-decoration:none;transition:color .2s,background .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.lab-link.svelte-16yp9oz:hover{color:var(--on-surface);background:var(--lab-soft)}h1.svelte-16yp9oz{letter-spacing:0;font-size:1.5rem;font-weight:900;line-height:1.1}h2.svelte-16yp9oz{letter-spacing:0;font-size:.95rem;font-weight:900;line-height:1.2}.text-section.svelte-16yp9oz{gap:.875rem;min-width:0;display:grid}.panel-title.svelte-16yp9oz{justify-content:space-between;align-items:center;gap:1rem;display:flex}textarea.svelte-16yp9oz{border:1px solid var(--lab-line);background:var(--surface);width:100%;min-height:16rem;color:var(--on-surface);resize:vertical;font:500 1rem/1.7 var(--font-sans);text-align:left;border-radius:8px;outline:none;padding:1rem}.result-section.svelte-16yp9oz textarea:where(.svelte-16yp9oz){background:var(--lab-soft)}textarea.svelte-16yp9oz:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent)}.icon-button{border:1px solid var(--on-surface);background:var(--surface);min-height:2.5rem;color:var(--on-surface);font:900 .9rem/1 var(--font-sans);border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:0 .875rem;transition:background .6s ease-in,color .6s ease-in,border-color .6s ease-in,opacity .3s;display:inline-flex}.icon-button.primary-action{background:var(--on-surface);color:var(--surface)}.icon-button:active:not(:disabled){background:var(--accent);color:var(--on-accent);border-color:var(--accent);transition:none}.icon-button:disabled{opacity:.45}@media (width>=768px){.lab-page.svelte-16yp9oz{padding:1.25rem}.editor-grid.svelte-16yp9oz{grid-template-columns:repeat(2,minmax(0,1fr))}textarea.svelte-16yp9oz{min-height:22rem}}@media (width<=520px){.icon-button{flex:8rem}}