body:has(.playground-container){padding:0}.skip-link.svelte-j6hxly{z-index:calc(var(--dr-z-noise) + 1);padding:var(--dr-space-sm) var(--dr-space-lg);background:var(--dr-accent);color:var(--dr-text-on-accent);font-family:var(--dr-font-heading);text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--dr-border-color);border-radius:0 0 var(--dr-radius) 0;box-shadow:var(--dr-shadow-offset-sm), var(--dr-shadow-inner-highlight);font-weight:700;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link.svelte-j6hxly:focus{top:0}.playground-container.svelte-j6hxly{max-width:1600px;height:100vh;padding:var(--dr-space-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}header.svelte-j6hxly{margin-bottom:var(--dr-space-lg);border-bottom:var(--dr-border-thick);padding-bottom:var(--dr-space-md);position:relative}header.svelte-j6hxly:after{content:"";background:radial-gradient(ellipse at center, transparent 60%, var(--dr-vignette) 100%);pointer-events:none;z-index:0;position:absolute;inset:0}h1.svelte-j6hxly{color:var(--dr-heading);font-family:var(--dr-font-heading);font-size:var(--dr-text-xl);letter-spacing:.15em;text-transform:uppercase;z-index:2;margin:0;font-weight:700;position:relative}.disclaimer.svelte-j6hxly{margin:var(--dr-space-xs) 0 0;color:var(--dr-text-secondary);font-size:var(--dr-text-sm);z-index:2;font-style:italic;position:relative}.controls.svelte-j6hxly{margin-bottom:var(--dr-space-md);background:var(--dr-surface-secondary);padding:var(--dr-space-sm) var(--dr-space-md);border:var(--dr-border);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-sm), var(--dr-shadow-inner-highlight);z-index:var(--dr-z-content);justify-content:space-between;align-items:center;display:flex;position:relative}.controls-left.svelte-j6hxly{align-items:center;gap:var(--dr-space-sm);display:flex}.controls.svelte-j6hxly label:where(.svelte-j6hxly){color:var(--dr-text-secondary);font-family:var(--dr-font-heading);font-size:var(--dr-text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700}select.svelte-j6hxly{background-color:var(--dr-surface-elevated);color:var(--dr-text-primary);border:2px solid var(--dr-border-color);border-color:var(--dr-border-color);padding:var(--dr-space-xs) var(--dr-space-sm);border-radius:var(--dr-radius);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);cursor:pointer;box-shadow:var(--dr-shadow-offset-sm), var(--dr-shadow-inner-highlight);transition:border-color var(--dr-transition-fast), box-shadow var(--dr-transition-fast), transform var(--dr-transition-fast)}select.svelte-j6hxly:hover:not(:focus-visible){border-color:var(--dr-border-color-hover)}select.svelte-j6hxly:focus-visible{outline:var(--dr-focus-ring);outline-offset:var(--dr-focus-ring-offset)}select.svelte-j6hxly:active{transform:var(--dr-press-active);box-shadow:var(--dr-shadow-active)}.back-button.svelte-j6hxly{font-family:var(--dr-font-heading);font-size:var(--dr-text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--dr-space-xs) var(--dr-space-md);border:2px solid var(--dr-border-color);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-sm), var(--dr-shadow-inner-highlight);transition:transform var(--dr-transition-fast), box-shadow var(--dr-transition-fast), background var(--dr-transition-fast), color var(--dr-transition-fast);color:var(--dr-text-secondary);background:0 0;font-weight:600;text-decoration:none}.back-button.svelte-j6hxly:hover{background:var(--dr-surface-elevated);border-color:var(--dr-border-color-hover);color:var(--dr-text-primary);transform:var(--dr-press-hover);box-shadow:var(--dr-shadow-hover-md), var(--dr-shadow-inner-highlight);text-decoration:none}.back-button.svelte-j6hxly:active{transform:var(--dr-press-active);box-shadow:var(--dr-shadow-active)}.editor-container.svelte-j6hxly{gap:var(--dr-space-md);flex:1;min-height:0;display:flex}.input-panel.svelte-j6hxly,.output-panel.svelte-j6hxly{background:var(--dr-surface-elevated);border:var(--dr-border);border-radius:var(--dr-radius);box-shadow:var(--dr-shadow-offset-md), var(--dr-shadow-inner-highlight);transition:border-color var(--dr-transition-normal), box-shadow var(--dr-transition-normal);flex-direction:column;flex:1;display:flex;overflow:hidden}.input-panel.svelte-j6hxly:hover,.output-panel.svelte-j6hxly:hover{border-color:var(--dr-border-color-strong)}h2.svelte-j6hxly{padding:var(--dr-space-sm) var(--dr-space-md);background:var(--dr-surface-highlight);color:var(--dr-text-secondary);font-size:var(--dr-text-sm);font-family:var(--dr-font-heading);text-transform:uppercase;letter-spacing:.08em;border-bottom:var(--dr-border);margin:0;font-weight:700}.title-bracket.svelte-j6hxly{color:var(--dr-border-color-container);opacity:.5;font-weight:400}textarea.svelte-j6hxly{background-color:var(--dr-surface-base);color:var(--dr-text-primary);padding:var(--dr-space-md);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);resize:none;tab-size:4;-webkit-hyphens:none;hyphens:none;z-index:calc(var(--dr-z-noise) + 1);border:none;flex:1;line-height:1.6;position:relative}textarea.svelte-j6hxly::placeholder{color:var(--dr-text-muted);font-style:italic}textarea.svelte-j6hxly:focus-visible{outline:var(--dr-focus-ring);outline-offset:var(--dr-focus-ring-offset)}.code-output.svelte-j6hxly{background-color:var(--dr-surface-base);padding:var(--dr-space-md);font-family:var(--dr-font-mono);font-size:var(--dr-text-sm);z-index:calc(var(--dr-z-noise) + 1);flex:1;line-height:1.6;position:relative;overflow:auto}.code-output.svelte-j6hxly pre{margin:0}.code-output.svelte-j6hxly .shiki{background-color:#0000!important}.code-output.svelte-j6hxly .render-error{color:var(--dr-danger-text)}.loading.svelte-j6hxly{color:var(--dr-warning);font-style:italic}.status.svelte-j6hxly{margin-top:var(--dr-space-md);padding:var(--dr-space-sm) var(--dr-space-md);background:var(--dr-surface-hot);color:var(--dr-on-hot-text);border-top:var(--dr-border);box-shadow:none;font-family:var(--dr-font-mono);font-size:var(--dr-text-xs);align-items:center;gap:var(--dr-space-sm);border-radius:0;display:flex}#status-indicator.svelte-j6hxly{color:var(--dr-on-hot-warning);font-weight:700}#status-indicator.ready.svelte-j6hxly{color:var(--dr-success)}.status-separator.svelte-j6hxly{color:var(--dr-border-color-container);-webkit-user-select:none;user-select:none}.status-tagline.svelte-j6hxly{color:var(--dr-text-secondary);font-style:italic;font-family:var(--dr-font-body)}@media (width<=768px){.playground-container.svelte-j6hxly{padding:var(--dr-space-sm)}h1.svelte-j6hxly{font-size:var(--dr-text-lg);letter-spacing:.08em}.editor-container.svelte-j6hxly{flex-direction:column}.controls.svelte-j6hxly{gap:var(--dr-space-sm);flex-direction:column}.back-button.svelte-j6hxly{align-self:flex-start}textarea.svelte-j6hxly,.code-output.svelte-j6hxly{font-size:var(--dr-text-xs)}}