.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)}.cs.svelte-1y78m5f{border-top:1px solid var(--color-border);background:var(--color-bg)}.cs-toggle.svelte-1y78m5f{background:var(--color-bg-secondary);width:100%;font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text);cursor:pointer;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:12px;transition:background .12s;display:flex}.cs-toggle.svelte-1y78m5f:hover{background:var(--color-bg-tertiary,var(--color-bg-secondary))}.cs-toggle-type.svelte-1y78m5f{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px}.cs-panel.svelte-1y78m5f{background:var(--color-bg);border-top:1px solid var(--color-border);max-height:55vh;overflow-y:auto}.cs-search-wrap.svelte-1y78m5f{border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:6px;align-items:center;gap:8px;margin:14px 16px 0;padding:8px 10px;display:flex}.cs-search.svelte-1y78m5f{width:100%;font:12px/1.4 var(--font-mono);color:var(--color-text);background:0 0;border:0;outline:0}.cs-search.svelte-1y78m5f::placeholder{color:var(--color-text-muted)}.cs-docs.svelte-1y78m5f{font:10px/1.3 var(--font-mono);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;color:var(--color-accent);flex:none;text-decoration:none}.cs-docs.svelte-1y78m5f:hover{text-decoration:underline}.cs-tabs.svelte-1y78m5f{border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:2;gap:4px;padding:10px 16px 0;display:flex;position:sticky;top:0;overflow-x:auto}.cs-tab.svelte-1y78m5f{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;padding:8px 12px;font-size:11px}.cs-tab.svelte-1y78m5f:hover{color:var(--color-text)}.cs-tab.active.svelte-1y78m5f{color:var(--color-text);border-color:var(--color-border);background:var(--color-bg-secondary)}.cs-body.svelte-1y78m5f{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;padding:20px 24px 32px;display:grid}.cs-section.svelte-1y78m5f{flex-direction:column;gap:10px;display:flex}.cs-heading.svelte-1y78m5f{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:15px;font-weight:500}.cs-rows.svelte-1y78m5f{flex-direction:column;gap:6px;display:flex}.cs-row.svelte-1y78m5f{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:16px;padding:8px 10px;display:grid}@media (max-width:720px){.cs-row.svelte-1y78m5f{grid-template-columns:1fr;gap:6px}.cs-docs.svelte-1y78m5f{display:none}}.cs-code.svelte-1y78m5f{font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.5}.cs-note.svelte-1y78m5f{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:12px;line-height:1.5}.cs-insert.svelte-1y78m5f{border:1px solid var(--color-border);font:10px/1 var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg);cursor:pointer;border-radius:5px;align-self:center;padding:5px 8px}.cs-insert.svelte-1y78m5f:hover{border-color:var(--color-accent);color:var(--color-accent)}.cs-empty.svelte-1y78m5f{color:var(--color-text-muted);margin:0;font-size:13px}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)}.workspace.svelte-1dz7a0y{flex-direction:column;height:calc(100vh - 48px);min-height:0;display:flex;overflow:hidden}.playground.svelte-1dz7a0y{flex:1;min-height:0;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}.divider.svelte-1dz7a0y{width:100%;height:1px}.app-bar-center.svelte-1dz7a0y,.action-label.svelte-1dz7a0y{display:none}}