.editor.svelte-i1pj2s{flex-direction:column;height:100%;min-height:300px;display:flex}.editor-textarea.svelte-i1pj2s{resize:none;font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-code-bg);color:var(--color-code-text);-moz-tab-size:2;tab-size:2;flex:1;padding:1rem;font-size:.8125rem;line-height:1.7}.editor-textarea.svelte-i1pj2s:focus{border-color:var(--color-text-muted);outline:none}.editor-textarea.svelte-i1pj2s::placeholder{color:var(--color-text-muted)}.preview.svelte-13ep6nh{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;padding:1rem;display:flex;overflow:auto}.preview-content.svelte-13ep6nh{justify-content:center;width:100%;display:flex}.preview-content.svelte-13ep6nh svg,.preview-content.svelte-13ep6nh img{max-width:100%;height:auto}.preview-error.svelte-13ep6nh{color:var(--color-error);background:var(--color-error-light);border-radius:var(--radius-md);width:100%;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8125rem}.preview-empty.svelte-13ep6nh{color:var(--color-text-muted);font-size:.875rem}html.fullscreen-tool .sidebar,html.fullscreen-tool .header,html.fullscreen-tool .footer{display:none!important}html.fullscreen-tool .main-content{min-height:100vh!important;margin-left:0!important}.app-bar.svelte-1dz7a0y{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;height:48px;padding:0 .75rem;display:flex}.app-bar-left.svelte-1dz7a0y{align-items:center;gap:.625rem;display:flex}.back-btn.svelte-1dz7a0y{border:1px solid var(--color-border);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.back-btn.svelte-1dz7a0y:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.app-title.svelte-1dz7a0y{color:var(--color-text);letter-spacing:-.01em;font-size:.8125rem;font-weight:600}.type-tabs.svelte-1dz7a0y{border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;overflow:hidden}.type-tab.svelte-1dz7a0y{background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:0;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.type-tab.svelte-1dz7a0y:not(:last-child){border-right:1px solid var(--color-border)}.type-tab.active.svelte-1dz7a0y{background:var(--color-text);color:var(--color-bg)}.app-bar-center.svelte-1dz7a0y{gap:.25rem;display:flex}.tmpl-btn.svelte-1dz7a0y{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.2rem .5rem;font-size:.6875rem}.tmpl-btn.svelte-1dz7a0y:hover{color:var(--color-text);border-color:var(--color-text-muted)}.app-bar-right.svelte-1dz7a0y{gap:.25rem;display:flex}.action-btn.svelte-1dz7a0y{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;display:flex}.action-btn.svelte-1dz7a0y:hover{color:var(--color-text);border-color:var(--color-text-muted)}.playground.svelte-1dz7a0y{flex:1;height:calc(100vh - 48px);display:flex;overflow:hidden}.pane.svelte-1dz7a0y{flex:1;min-width:0}.editor-pane.svelte-1dz7a0y{display:flex}.editor-pane.svelte-1dz7a0y .editor{border-radius:0;height:100%;min-height:auto}.editor-pane.svelte-1dz7a0y .editor-textarea{border:none;border-radius:0}.divider.svelte-1dz7a0y{background:var(--color-border);flex-shrink:0;width:1px}.preview-pane.svelte-1dz7a0y{display:flex}.preview-pane.svelte-1dz7a0y .preview{border:none;border-radius:0;height:100%;min-height:auto}@media (max-width:768px){.playground.svelte-1dz7a0y{flex-direction:column;height:calc(100vh - 48px)}.divider.svelte-1dz7a0y{width:100%;height:1px}.app-bar-center.svelte-1dz7a0y,.action-label.svelte-1dz7a0y{display:none}}