.topbar[data-astro-cid-5uoivi7r]{position:sticky;top:0;z-index:50;height:56px;background:var(--color-backdrop);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:0 var(--space-6)}.topbar-inner[data-astro-cid-5uoivi7r]{display:flex;align-items:center;height:100%;gap:var(--space-6);max-width:100%}.topbar-logo[data-astro-cid-5uoivi7r]{display:flex;align-items:center;color:var(--color-text);text-decoration:none;flex-shrink:0}.widget-selector[data-astro-cid-5uoivi7r]{position:relative}.widget-selector-btn[data-astro-cid-5uoivi7r]{display:flex;align-items:center;gap:var(--space-2);width:240px;height:40px;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.widget-selector-btn[data-astro-cid-5uoivi7r]:hover{border-color:var(--color-border-strong)}.widget-selector-text[data-astro-cid-5uoivi7r]{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-selector-chevron[data-astro-cid-5uoivi7r]{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-default)}.widget-selector-btn[data-astro-cid-5uoivi7r][aria-expanded=true] .widget-selector-chevron[data-astro-cid-5uoivi7r]{transform:rotate(180deg)}.widget-dropdown[data-astro-cid-5uoivi7r]{position:absolute;top:calc(100% + var(--space-2));left:0;width:320px;max-height:480px;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:60;animation:dropdown-in var(--duration-normal) var(--ease-default)}.widget-dropdown[data-astro-cid-5uoivi7r][hidden]{display:none}.dark .widget-dropdown[data-astro-cid-5uoivi7r]{background:var(--color-bg-elevated)}.widget-search[data-astro-cid-5uoivi7r]{width:100%;height:36px;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-3)}.widget-search[data-astro-cid-5uoivi7r]::placeholder{color:var(--color-text-muted)}.widget-search[data-astro-cid-5uoivi7r]:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px #2563eb1a}.dark .widget-search[data-astro-cid-5uoivi7r]{background:var(--color-bg-inset)}.widget-section[data-astro-cid-5uoivi7r]{margin-bottom:var(--space-4)}.widget-section[data-astro-cid-5uoivi7r]:last-child{margin-bottom:0}.widget-section-heading[data-astro-cid-5uoivi7r]{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2);letter-spacing:var(--tracking-wide)}.widget-divider[data-astro-cid-5uoivi7r]{height:1px;background:var(--color-border);margin-bottom:var(--space-4)}.widget-item[data-astro-cid-5uoivi7r]{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.widget-item[data-astro-cid-5uoivi7r]:hover{background:var(--color-bg-surface)}.dark .widget-item[data-astro-cid-5uoivi7r]:hover{background:var(--color-bg-muted)}.topbar-spacer[data-astro-cid-5uoivi7r]{flex:1}.topbar-actions[data-astro-cid-5uoivi7r]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topbar-btn[data-astro-cid-5uoivi7r]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-default),background var(--duration-normal) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.topbar-btn-secondary[data-astro-cid-5uoivi7r]{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-xs)}.topbar-btn-secondary[data-astro-cid-5uoivi7r]:hover{background:var(--color-bg-muted);box-shadow:var(--shadow-sm)}.dark .topbar-btn-secondary[data-astro-cid-5uoivi7r]{background:var(--color-bg-elevated);border-color:var(--color-border)}.dark .topbar-btn-secondary[data-astro-cid-5uoivi7r]:hover{background:var(--color-bg-muted);border-color:var(--color-border-strong)}.topbar-btn-primary[data-astro-cid-5uoivi7r]{background:var(--gradient-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-accent-sm)}.topbar-btn-primary[data-astro-cid-5uoivi7r]:hover:not(:disabled){background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md)}.topbar-btn-primary[data-astro-cid-5uoivi7r]:disabled{opacity:.5;cursor:not-allowed}.dark .topbar-btn-primary[data-astro-cid-5uoivi7r]{box-shadow:var(--glow-accent-sm)}.dark .topbar-btn-primary[data-astro-cid-5uoivi7r]:hover:not(:disabled){box-shadow:var(--glow-accent-md)}.theme-toggle[data-astro-cid-5uoivi7r]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default);flex-shrink:0}.theme-toggle[data-astro-cid-5uoivi7r]:hover{color:var(--color-text);background:var(--color-bg-muted);border-color:var(--color-border)}html:not(.dark) .icon-moon[data-astro-cid-5uoivi7r]{display:none}.dark .icon-sun[data-astro-cid-5uoivi7r]{display:none}.topbar-user-btn[data-astro-cid-5uoivi7r]{display:inline-flex;align-items:center;padding:var(--space-1-5) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.topbar-user-btn[data-astro-cid-5uoivi7r]:hover{color:var(--color-text);background:var(--color-bg-muted);border-color:var(--color-border)}@media(max-width:639px){.topbar[data-astro-cid-5uoivi7r]{padding:0 var(--space-3)}.widget-selector-btn[data-astro-cid-5uoivi7r]{width:40px;padding:var(--space-2)}.widget-selector-text[data-astro-cid-5uoivi7r],.widget-selector-chevron[data-astro-cid-5uoivi7r]{display:none}.widget-selector-btn[data-astro-cid-5uoivi7r]:before{content:"";display:block;width:18px;height:18px;background:var(--color-text-secondary);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E")}.topbar-btn-text[data-astro-cid-5uoivi7r]{display:none}.topbar-btn[data-astro-cid-5uoivi7r]{padding:var(--space-2);width:40px}.topbar-user-btn[data-astro-cid-5uoivi7r]{display:none}.widget-dropdown[data-astro-cid-5uoivi7r]{width:calc(100vw - var(--space-6));left:calc(-1 * var(--space-3))}}@media(min-width:640px)and (max-width:1023px){.topbar-btn[data-astro-cid-5uoivi7r]{padding:var(--space-2) var(--space-3)}}.code-editor{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;tab-size:2;overflow-x:auto;min-height:200px;max-height:400px;overflow-y:auto}:global(.dark) .code-editor{background:#060607;border-color:#18181c}.code-editor:focus-within{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px #2563eb1a}:global(.dark) .code-editor:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #4b8df826}.code-editor pre{margin:0;padding:0;background:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit}.code-editor code{display:block;font-family:inherit;font-size:inherit;line-height:inherit;color:var(--color-text);background:transparent;outline:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:2;hyphens:none}.code-editor code[contenteditable]{caret-color:var(--color-accent)}:global(.dark) .token.string{color:#23ba7d}.token.number{color:#d0750a}:global(.dark) .token.number{color:#f2943c}.token.boolean{color:#d0750a}:global(.dark) .token.boolean{color:#f2943c}:global(.dark) .token.function{color:#26a9f1}:global(.dark) .token.class-name{color:#8d92f9}.token.regex{color:oklch(.65 .15 160)}:global(.dark) .token.regex{color:#23ba7d}.token.template-string{color:oklch(.65 .15 160)}:global(.dark) .token.template-string{color:#23ba7d}:global(.dark) .token.tag{color:#eb7289}:global(.dark) .token.attr-name{color:#26a9f1}:global(.dark) .token.attr-value{color:#23ba7d}.line-numbers .line-numbers-rows{border-right:1px solid var(--color-border);padding-right:var(--space-2);margin-right:var(--space-3)}.line-numbers-rows>span:before{color:var(--color-text-muted);font-size:var(--text-xs)}.config-panel[data-astro-cid-wy2rksdp]{width:38%;background:var(--color-bg-surface);border-right:none;padding:var(--space-6);overflow-y:auto;max-height:calc(100vh - 56px);transition:width var(--duration-moderate) var(--ease-default)}.dark .config-panel[data-astro-cid-wy2rksdp]{background:#040406}.mobile-config-toggle[data-astro-cid-wy2rksdp]{display:none;margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dark .mobile-config-toggle[data-astro-cid-wy2rksdp]{background:#060607;border-color:#18181c}.config-mode-btn[data-astro-cid-wy2rksdp]{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.config-mode-btn-active[data-astro-cid-wy2rksdp]{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-xs)}.dark .config-mode-btn-active[data-astro-cid-wy2rksdp]{background:#111115}@media(max-width:374px){.mobile-config-toggle[data-astro-cid-wy2rksdp]{display:flex}.config-panel[data-astro-cid-wy2rksdp][data-mode=essential] .config-section[data-astro-cid-wy2rksdp]:not(:nth-child(3)):not(:nth-child(4)){display:none}}.config-tabs[data-astro-cid-wy2rksdp]{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.config-tab[data-astro-cid-wy2rksdp]{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.config-tab[data-astro-cid-wy2rksdp]:hover{color:var(--color-text)}.config-tab-active[data-astro-cid-wy2rksdp]{color:var(--color-text);border-bottom-color:var(--color-accent)}.config-section[data-astro-cid-wy2rksdp]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.dark .config-section[data-astro-cid-wy2rksdp]{background:#0b0b0d;border-color:#18181c}.config-section-header[data-astro-cid-wy2rksdp]{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--color-text);background:none;border:none;cursor:pointer;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.dark .config-section-header[data-astro-cid-wy2rksdp]{background:#111115;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0;padding:var(--space-4) var(--space-4) var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom-color:#18181c}.config-section-chevron[data-astro-cid-wy2rksdp]{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-default)}.config-section-header[data-astro-cid-wy2rksdp][aria-expanded=false] .config-section-chevron[data-astro-cid-wy2rksdp]{transform:rotate(-90deg)}.config-section-body[data-astro-cid-wy2rksdp]{padding-top:var(--space-4)}.config-section-body[data-astro-cid-wy2rksdp][hidden]{display:none}.form-field[data-astro-cid-wy2rksdp]{margin-bottom:var(--space-4)}.form-field[data-astro-cid-wy2rksdp]:last-child{margin-bottom:0}.form-label[data-astro-cid-wy2rksdp]{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input[data-astro-cid-wy2rksdp]{width:100%;height:40px;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.form-input[data-astro-cid-wy2rksdp]::placeholder{color:var(--color-text-muted)}.form-input[data-astro-cid-wy2rksdp]:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px #2563eb1a}.dark .form-input[data-astro-cid-wy2rksdp]{background:#060607;border-color:#18181c;box-shadow:inset 0 2px 4px #0003}.dark .form-input[data-astro-cid-wy2rksdp]:focus{border-color:var(--color-accent);box-shadow:inset 0 2px 4px #0003,0 0 0 3px #4b8df826}.form-select[data-astro-cid-wy2rksdp]{width:100%;height:40px;padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.form-select[data-astro-cid-wy2rksdp]:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px #2563eb1a}.dark .form-select[data-astro-cid-wy2rksdp]{background-color:#060607;border-color:#18181c}.theme-toggle-cards[data-astro-cid-wy2rksdp]{display:flex;gap:var(--space-3)}.theme-card[data-astro-cid-wy2rksdp]{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:80px;padding:var(--space-3);background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.theme-card[data-astro-cid-wy2rksdp]:hover:not(.theme-card-active){border-color:var(--color-border-strong);transform:translateY(-1px)}.theme-card-active[data-astro-cid-wy2rksdp]{border-color:var(--color-accent);color:var(--color-text);box-shadow:0 0 0 1px var(--color-accent)}.dark .theme-card[data-astro-cid-wy2rksdp]{background:#060607}.dark .theme-card-active[data-astro-cid-wy2rksdp]{box-shadow:0 0 12px #4b8df833}.theme-check[data-astro-cid-wy2rksdp]{position:absolute;top:var(--space-2);right:var(--space-2);color:var(--color-accent)}.theme-card[data-astro-cid-wy2rksdp]:not(.theme-card-active) .theme-check[data-astro-cid-wy2rksdp]{display:none}.toggle-pills[data-astro-cid-wy2rksdp]{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.toggle-pill[data-astro-cid-wy2rksdp]{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.toggle-pill[data-astro-cid-wy2rksdp]:hover:not(.toggle-pill-active){border-color:var(--color-border-strong)}.toggle-pill-active[data-astro-cid-wy2rksdp]{background:var(--gradient-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);box-shadow:var(--shadow-accent-sm)}.dark .toggle-pill-active[data-astro-cid-wy2rksdp]{box-shadow:0 0 8px #4b8df84d}.segmented-control[data-astro-cid-wy2rksdp]{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dark .segmented-control[data-astro-cid-wy2rksdp]{background:#060607;border-color:#18181c}.segment-btn[data-astro-cid-wy2rksdp]{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.segment-btn-active[data-astro-cid-wy2rksdp]{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-xs)}.dark .segment-btn-active[data-astro-cid-wy2rksdp]{background:#111115}.radius-preview[data-astro-cid-wy2rksdp]{width:24px;height:16px;background:var(--color-accent);opacity:.3;transition:opacity var(--duration-normal) var(--ease-default)}.segment-btn-active[data-astro-cid-wy2rksdp] .radius-preview[data-astro-cid-wy2rksdp]{opacity:1}.radius-preview-sm[data-astro-cid-wy2rksdp]{border-radius:2px}.radius-preview-md[data-astro-cid-wy2rksdp]{border-radius:4px}.radius-preview-lg[data-astro-cid-wy2rksdp]{border-radius:6px}.reset-btn[data-astro-cid-wy2rksdp]{display:block;width:100%;padding:var(--space-2) var(--space-4);margin-top:var(--space-6);background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.reset-btn[data-astro-cid-wy2rksdp]:hover{color:var(--color-text);background:var(--color-bg-muted)}.code-section[data-astro-cid-wy2rksdp]{margin-bottom:var(--space-6)}.code-section[data-astro-cid-wy2rksdp]:last-child{margin-bottom:0}.code-section-label[data-astro-cid-wy2rksdp]{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.template-header[data-astro-cid-wy2rksdp]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.template-info-btn[data-astro-cid-wy2rksdp]{padding:var(--space-1);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-default)}.template-info-btn[data-astro-cid-wy2rksdp]:hover{background:var(--color-bg-muted);color:var(--color-text)}.template-description[data-astro-cid-wy2rksdp]{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.file-tabs[data-astro-cid-wy2rksdp]{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.file-tab[data-astro-cid-wy2rksdp]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.file-tab[data-astro-cid-wy2rksdp]:hover{color:var(--color-text)}.file-tab-active[data-astro-cid-wy2rksdp]{color:var(--color-text);border-bottom-color:var(--color-accent)}.code-editor-container[data-astro-cid-wy2rksdp]{margin-bottom:var(--space-4)}.code-editor[data-astro-cid-wy2rksdp]{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;tab-size:2;overflow-x:auto;min-height:300px;max-height:500px;overflow-y:auto}.dark .code-editor[data-astro-cid-wy2rksdp]{background:#060607;border-color:#18181c}.code-editor[data-astro-cid-wy2rksdp]:focus-within{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px #2563eb1a}.dark .code-editor[data-astro-cid-wy2rksdp]:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #4b8df826}.code-editor[data-astro-cid-wy2rksdp] pre[data-astro-cid-wy2rksdp]{margin:0;padding:0;background:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit}.code-editor[data-astro-cid-wy2rksdp] code[data-astro-cid-wy2rksdp]{display:block;font-family:inherit;font-size:inherit;line-height:inherit;color:var(--color-text);background:transparent;outline:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:2;hyphens:none}.code-editor[data-astro-cid-wy2rksdp] code[data-astro-cid-wy2rksdp][contenteditable]:focus{outline:none}.code-actions[data-astro-cid-wy2rksdp]{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.debug-panel-container[data-astro-cid-wy2rksdp]{margin-top:var(--space-6)}.debug-panel-container[data-astro-cid-wy2rksdp][hidden]{display:none}.code-display[data-astro-cid-wy2rksdp]{background:var(--color-bg-muted);font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);word-break:break-all;color:var(--color-text);line-height:var(--leading-relaxed);overflow-x:auto}.dark .code-display[data-astro-cid-wy2rksdp]{background:#060607;border-color:#18181c}.code-action-btn[data-astro-cid-wy2rksdp]{display:block;width:100%;padding:var(--space-2) var(--space-4);margin-top:var(--space-2);background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.code-action-btn[data-astro-cid-wy2rksdp]:hover{color:var(--color-text);background:var(--color-bg-muted)}.code-action-btn-primary[data-astro-cid-wy2rksdp]{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--gradient-accent);color:var(--color-text-on-accent);border:none;box-shadow:var(--shadow-accent-sm);width:100%;justify-content:center}.code-action-btn-primary[data-astro-cid-wy2rksdp]:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md);color:var(--color-text-on-accent)}.dark .code-action-btn-primary[data-astro-cid-wy2rksdp]{box-shadow:var(--glow-accent-sm)}.dark .code-action-btn-primary[data-astro-cid-wy2rksdp]:hover{box-shadow:var(--glow-accent-md)}.token.keyword{color:var(--color-accent);font-weight:500}.token.string{color:oklch(.65 .15 160)}.dark .token.string{color:#23ba7d}.token.number,.token.boolean{color:#d0750a}.dark .token.number,.dark .token.boolean{color:#f2943c}.token.comment{color:var(--color-text-muted);font-style:italic}.token.function{color:oklch(.65 .15 240)}.dark .token.function{color:#26a9f1}.token.class-name{color:#7f82e8}.dark .token.class-name{color:#8d92f9}.token.operator{color:var(--color-text-secondary)}.token.punctuation,.token.property,.token.parameter{color:var(--color-text)}.token.tag{color:#da637a}.dark .token.tag{color:#eb7289}.token.attr-name{color:oklch(.65 .15 240)}.dark .token.attr-name{color:#26a9f1}.token.attr-value{color:oklch(.65 .15 160)}.dark .token.attr-value{color:#23ba7d}.json-editor-wrap[data-astro-cid-wy2rksdp]{position:relative}.json-editor[data-astro-cid-wy2rksdp]{width:100%;min-height:200px;padding:var(--space-4);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);line-height:1.7;resize:vertical;tab-size:2}.json-editor[data-astro-cid-wy2rksdp]:focus{outline:none;border-color:var(--color-border-accent);box-shadow:0 0 0 3px #2563eb1a}.dark .json-editor[data-astro-cid-wy2rksdp]{background:#060607;border-color:#18181c}.dark .json-editor[data-astro-cid-wy2rksdp]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #4b8df826}.json-error[data-astro-cid-wy2rksdp]{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-error-bg);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-error)}.json-error[data-astro-cid-wy2rksdp][hidden]{display:none}@media(max-width:639px){.config-panel[data-astro-cid-wy2rksdp]{width:100%;max-height:none;border-right:none;border-bottom:1px solid var(--color-border)}.config-panel[data-astro-cid-wy2rksdp][hidden]{display:none}}@media(min-width:640px)and (max-width:1023px){.config-panel[data-astro-cid-wy2rksdp]{width:50%}}.repo-card[data-astro-cid-nr4latc3]{width:400px;max-width:100%;background:#fff;border:1px solid #E4E4E7;border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;transition:width var(--duration-normal) var(--ease-default),border-radius var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default),opacity var(--duration-fast) var(--ease-default);position:relative}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark{background:#0d1117;border-color:#30363d;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}.repo-card[data-astro-cid-nr4latc3].widget-theme-light{background:#fff;border-color:#e4e4e7;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.repo-card[data-astro-cid-nr4latc3].widget-radius-sm{border-radius:4px}.repo-card[data-astro-cid-nr4latc3].widget-radius-md{border-radius:8px}.repo-card[data-astro-cid-nr4latc3].widget-radius-lg{border-radius:16px}.repo-card[data-astro-cid-nr4latc3].widget-updating{opacity:.5}.repo-card-icon[data-astro-cid-nr4latc3]{stroke:#71717a}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .repo-card-icon[data-astro-cid-nr4latc3]{stroke:#8b949e}.repo-card-header[data-astro-cid-nr4latc3]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.repo-card-repo[data-astro-cid-nr4latc3]{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600}.repo-card-owner[data-astro-cid-nr4latc3]{color:#71717a}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .repo-card-owner[data-astro-cid-nr4latc3]{color:#8b949e}.repo-card-sep[data-astro-cid-nr4latc3]{color:#a1a1aa;margin:0 var(--space-0-5)}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .repo-card-sep[data-astro-cid-nr4latc3]{color:#484f58}.repo-card-name[data-astro-cid-nr4latc3]{color:#2563eb}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .repo-card-name[data-astro-cid-nr4latc3]{color:#58a6ff}.repo-card-desc[data-astro-cid-nr4latc3]{font-size:var(--text-sm);color:#71717a;line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .repo-card-desc[data-astro-cid-nr4latc3]{color:#8b949e}.repo-card-stats[data-astro-cid-nr4latc3]{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:#71717a}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .repo-card-stats[data-astro-cid-nr4latc3]{color:#8b949e}.repo-card-stat[data-astro-cid-nr4latc3]{display:flex;align-items:center;gap:var(--space-1);transition:opacity var(--duration-fast) var(--ease-default),max-width var(--duration-normal) var(--ease-default)}.repo-card-stat[data-astro-cid-nr4latc3].stat-hidden{opacity:0;max-width:0;overflow:hidden;margin:0;padding:0;gap:0}.repo-card-lang[data-astro-cid-nr4latc3]{display:flex;align-items:center;gap:var(--space-1)}.repo-card-lang-dot[data-astro-cid-nr4latc3]{width:10px;height:10px;border-radius:var(--radius-full)}.repo-card[data-astro-cid-nr4latc3] .widget-format-badge{position:absolute;top:var(--space-2);right:var(--space-2);font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2);opacity:.7;transition:opacity var(--duration-fast) var(--ease-default)}.repo-card[data-astro-cid-nr4latc3].widget-theme-dark .widget-format-badge{background:#58a6ff1a;color:#58a6ff;border-color:#58a6ff33}.preview-panel[data-astro-cid-qrjhyyno]{width:62%;background:var(--color-bg);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column}.dark .preview-panel[data-astro-cid-qrjhyyno]{background:#0b0b0d}.context-switcher[data-astro-cid-qrjhyyno]{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.context-tab[data-astro-cid-qrjhyyno]{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.context-tab[data-astro-cid-qrjhyyno]:hover:not(.context-tab-active){border-color:var(--color-border-strong)}.context-tab-active[data-astro-cid-qrjhyyno]{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-sm)}.dark .context-tab-active[data-astro-cid-qrjhyyno]{background:#111115}.preview-container[data-astro-cid-qrjhyyno]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);min-height:400px;display:flex;align-items:center;justify-content:center;flex:1;position:relative;transition:background var(--duration-normal) var(--ease-default)}@keyframes pulse-border{0%{border-color:var(--color-accent);box-shadow:var(--shadow-md),0 0 0 2px var(--color-accent)}to{border-color:var(--color-border);box-shadow:var(--shadow-md),0 0 0 0 transparent}}.preview-container[data-astro-cid-qrjhyyno].pulse-update{animation:pulse-border var(--duration-normal) ease-out}.dark .preview-container[data-astro-cid-qrjhyyno]{background:#0b0b0d;box-shadow:var(--shadow-md)}.preview-context-readme[data-astro-cid-qrjhyyno]{background:#fff;padding:var(--space-8);flex-direction:column}.preview-context-readme[data-astro-cid-qrjhyyno]:before{content:"";display:block;width:100%;max-width:600px;margin:0 auto var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid #D0D7DE}.preview-context-readme[data-astro-cid-qrjhyyno]:after{content:"README.md";position:absolute;top:var(--space-4);left:var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:#57606a}.dark .preview-context-readme[data-astro-cid-qrjhyyno]{background:#0d1117}.dark .preview-context-readme[data-astro-cid-qrjhyyno]:before{border-bottom-color:#30363d}.dark .preview-context-readme[data-astro-cid-qrjhyyno]:after{color:#8b949e}.preview-context-blog[data-astro-cid-qrjhyyno]{background:#fefefe;padding:var(--space-10);font-family:Georgia,serif;flex-direction:column}.preview-context-blog[data-astro-cid-qrjhyyno]:before{content:"Blog Post Title";display:block;font-size:var(--text-3xl);font-weight:700;color:#1a1a1a;margin-bottom:var(--space-4);text-align:center}.preview-context-blog[data-astro-cid-qrjhyyno]:after{content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";display:block;font-size:var(--text-base);line-height:1.7;color:#404040;margin-top:var(--space-6);text-align:left;max-width:600px;margin-left:auto;margin-right:auto}.dark .preview-context-blog[data-astro-cid-qrjhyyno]{background:#1a1a1a}.dark .preview-context-blog[data-astro-cid-qrjhyyno]:before{color:#e5e5e5}.dark .preview-context-blog[data-astro-cid-qrjhyyno]:after{color:#a0a0a0}.preview-context-inverse[data-astro-cid-qrjhyyno]{background:#fff}.dark .preview-context-inverse[data-astro-cid-qrjhyyno]{background:#09090b}.preview-loading[data-astro-cid-qrjhyyno]{text-align:center}.preview-loading[data-astro-cid-qrjhyyno][hidden]{display:none}.preview-skeleton[data-astro-cid-qrjhyyno]{display:flex;flex-direction:column;gap:var(--space-3);width:240px;margin:0 auto var(--space-4)}.skeleton-bar[data-astro-cid-qrjhyyno]{height:16px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-surface) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s var(--ease-in-out) infinite}.skeleton-bar-1[data-astro-cid-qrjhyyno]{width:100%}.skeleton-bar-2[data-astro-cid-qrjhyyno]{width:80%}.skeleton-bar-3[data-astro-cid-qrjhyyno]{width:60%}.preview-loading-text[data-astro-cid-qrjhyyno]{font-size:var(--text-sm);color:var(--color-text-muted)}@keyframes preview-pulse{0%,to{box-shadow:var(--shadow-md),0 0 0 2px #2563eb33}50%{box-shadow:var(--shadow-md),0 0 0 2px #2563eb66}}.dark .preview-container[data-astro-cid-qrjhyyno].is-updating,.preview-container[data-astro-cid-qrjhyyno].is-updating{animation:preview-pulse 1.5s var(--ease-default) infinite}@media(prefers-reduced-motion:reduce){.preview-container[data-astro-cid-qrjhyyno].is-updating{animation:none;opacity:.7;transition:opacity .15s var(--ease-default)}}@keyframes preview-success{0%{box-shadow:var(--shadow-md),0 0 0 2px #22c55e00}50%{box-shadow:var(--shadow-md),0 0 0 4px #22c55e66}to{box-shadow:var(--shadow-md),0 0 0 2px #22c55e00}}.preview-container[data-astro-cid-qrjhyyno].is-success{animation:preview-success .6s var(--ease-spring)}@media(prefers-reduced-motion:reduce){.preview-container[data-astro-cid-qrjhyyno].is-success{animation:none}}.preview-progress[data-astro-cid-qrjhyyno]{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(-4px);transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default);pointer-events:none;z-index:10}.dark .preview-progress[data-astro-cid-qrjhyyno]{background:#111115;border-color:#18181c}.preview-progress[data-astro-cid-qrjhyyno].is-visible{opacity:1;transform:translateY(0)}.preview-progress-spinner[data-astro-cid-qrjhyyno]{width:12px;height:12px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.preview-progress-spinner[data-astro-cid-qrjhyyno]{animation:none;opacity:.5}}.preview-error[data-astro-cid-qrjhyyno]{text-align:center;padding:var(--space-8)}.preview-error[data-astro-cid-qrjhyyno][hidden]{display:none}.preview-error-icon[data-astro-cid-qrjhyyno]{display:block;font-size:var(--text-5xl);color:var(--color-error);margin-bottom:var(--space-4);line-height:1}.preview-error-title[data-astro-cid-qrjhyyno]{font-size:var(--text-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.preview-error-details[data-astro-cid-qrjhyyno]{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-error-bg);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.preview-error-actions[data-astro-cid-qrjhyyno]{display:flex;gap:var(--space-3);justify-content:center}.preview-error-btn[data-astro-cid-qrjhyyno]{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.preview-error-btn[data-astro-cid-qrjhyyno]:hover{color:var(--color-text);background:var(--color-bg-muted)}.preview-error-btn-primary[data-astro-cid-qrjhyyno]{background:var(--gradient-accent);color:var(--color-text-on-accent);border:none;box-shadow:var(--shadow-accent-sm)}.preview-error-btn-primary[data-astro-cid-qrjhyyno]:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md)}.preview-widget[data-astro-cid-qrjhyyno]{width:100%;max-width:100%;display:flex;justify-content:center}.preview-iframe[data-astro-cid-qrjhyyno]{width:100%;min-height:300px;border:none;border-radius:var(--radius-md);background:#fff}.preview-iframe[data-astro-cid-qrjhyyno][hidden]{display:none}.dark .preview-iframe[data-astro-cid-qrjhyyno]{background:#0d1117}.preview-url-hero[data-astro-cid-qrjhyyno]{margin-top:var(--space-6);background:var(--color-bg-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-4);animation:shimmer-border 2s var(--ease-in-out) 1;box-shadow:var(--shadow-sm)}.dark .preview-url-hero[data-astro-cid-qrjhyyno]{background:#111115;border-color:#18181c;border-left-color:var(--color-accent)}@keyframes shimmer-border{0%,to{border-left-color:var(--color-accent)}50%{border-left-color:#60a5fa}}.url-hero-header[data-astro-cid-qrjhyyno]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3)}.url-format-pills[data-astro-cid-qrjhyyno]{display:inline-flex;gap:var(--space-2)}.url-format-pill[data-astro-cid-qrjhyyno]{padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.url-format-pill[data-astro-cid-qrjhyyno]:hover:not(.url-format-pill-active){background:var(--color-bg-muted)}.url-format-pill-active[data-astro-cid-qrjhyyno]{background:#2563eb1a;border-color:var(--color-accent);color:var(--color-accent)}.dark .url-format-pill-active[data-astro-cid-qrjhyyno]{background:#4b8df826}.url-copy-btn[data-astro-cid-qrjhyyno]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;background:var(--gradient-accent);color:var(--color-text-on-accent);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-accent-sm);transition:all var(--duration-normal) var(--ease-default)}.url-copy-btn[data-astro-cid-qrjhyyno]:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md);transform:translateY(-1px)}.url-copy-btn[data-astro-cid-qrjhyyno]:active{transform:scale(.98)}.dark .url-copy-btn[data-astro-cid-qrjhyyno]{box-shadow:var(--glow-accent-sm)}.dark .url-copy-btn[data-astro-cid-qrjhyyno]:hover{box-shadow:var(--glow-accent-md)}.url-copy-text[data-astro-cid-qrjhyyno],.url-copy-success[data-astro-cid-qrjhyyno]{transition:opacity var(--duration-fast) var(--ease-default)}.url-copy-success[data-astro-cid-qrjhyyno]{color:inherit}.url-display-wrapper[data-astro-cid-qrjhyyno]{padding:var(--space-3);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dark .url-display-wrapper[data-astro-cid-qrjhyyno]{background:#0b0b0d;border-color:#18181c}.url-display-text[data-astro-cid-qrjhyyno]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);word-break:break-all;line-height:var(--leading-relaxed);display:block}.preview-open-link[data-astro-cid-qrjhyyno]{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default);align-self:flex-start}.preview-open-link[data-astro-cid-qrjhyyno]:hover{color:var(--color-text);background:var(--color-bg-muted)}@media(max-width:639px){.preview-panel[data-astro-cid-qrjhyyno]{width:100%}.preview-panel[data-astro-cid-qrjhyyno][hidden]{display:none}.preview-container[data-astro-cid-qrjhyyno]{min-height:300px}}@media(min-width:640px)and (max-width:1023px){.preview-panel[data-astro-cid-qrjhyyno]{width:50%}}.share-overlay[data-astro-cid-utcq5lo4]{position:fixed;inset:0;background:var(--color-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.share-overlay[data-astro-cid-utcq5lo4][hidden]{display:none}.share-modal[data-astro-cid-utcq5lo4]{width:560px;max-width:90vw;max-height:90vh;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-6);animation:modal-enter .2s var(--ease-spring)}.dark .share-modal[data-astro-cid-utcq5lo4]{background:#0b0b0d;border-color:#18181c}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:639px){.share-overlay[data-astro-cid-utcq5lo4]{align-items:flex-end}.share-modal[data-astro-cid-utcq5lo4]{width:100%;max-width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:modal-slide-up .3s var(--ease-default);touch-action:pan-y}.share-modal[data-astro-cid-utcq5lo4]:before{content:"";display:block;width:40px;height:4px;background:var(--color-border-strong);border-radius:var(--radius-full);margin:0 auto var(--space-4)}}.share-header[data-astro-cid-utcq5lo4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.share-title[data-astro-cid-utcq5lo4]{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.share-close[data-astro-cid-utcq5lo4]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.share-close[data-astro-cid-utcq5lo4]:hover{color:var(--color-text);background:var(--color-bg-muted)}.share-block[data-astro-cid-utcq5lo4]{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.dark .share-block[data-astro-cid-utcq5lo4]{background:#060607;border-color:#18181c}.share-block-header[data-astro-cid-utcq5lo4]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border)}.share-block-label[data-astro-cid-utcq5lo4]{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.share-copy-btn[data-astro-cid-utcq5lo4]{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.share-copy-btn[data-astro-cid-utcq5lo4]:hover{color:var(--color-text);background:var(--color-bg-surface)}.share-block-code[data-astro-cid-utcq5lo4]{display:block;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);word-break:break-all;line-height:var(--leading-relaxed);background:transparent;border:none}.share-downloads[data-astro-cid-utcq5lo4]{display:flex;gap:var(--space-3);margin:var(--space-6) 0}.share-download-btn[data-astro-cid-utcq5lo4]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-xs);transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.share-download-btn[data-astro-cid-utcq5lo4]:hover{background:var(--color-bg-muted);box-shadow:var(--shadow-sm)}.dark .share-download-btn[data-astro-cid-utcq5lo4]{background:#111115;border-color:#18181c}.dark .share-download-btn[data-astro-cid-utcq5lo4]:hover{background:#16161a}.share-watermark[data-astro-cid-utcq5lo4]{font-size:var(--text-sm);color:var(--color-text-secondary)}.share-watermark-label[data-astro-cid-utcq5lo4]{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);cursor:default}.share-watermark-label[data-astro-cid-utcq5lo4] input[data-astro-cid-utcq5lo4][type=checkbox]{accent-color:var(--color-accent)}.share-upgrade-link[data-astro-cid-utcq5lo4]{color:var(--color-accent);text-decoration:none;font-weight:500}.share-upgrade-link[data-astro-cid-utcq5lo4]:hover{text-decoration:underline}.share-upgrade-hint[data-astro-cid-utcq5lo4]{color:var(--color-text-muted)}#main-content{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.playground{display:flex;flex-direction:column;flex:1;overflow:hidden}.playground-panels{display:flex;flex:1;overflow:hidden}.mobile-tab-bar{display:none;position:sticky;top:56px;z-index:40;height:48px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);gap:var(--space-1);align-items:center}.mobile-tab{flex:1;height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.mobile-tab:hover{color:var(--color-text)}.mobile-tab-active{color:var(--color-text);background:var(--color-bg-muted)}.panel-resize-handle{position:relative;width:8px;cursor:col-resize;background:transparent;flex-shrink:0;z-index:10;user-select:none;transition:background-color var(--duration-fast) var(--ease-default)}.panel-resize-handle:before{content:"";position:absolute;inset:0 -4px}.panel-resize-handle:hover,.panel-resize-handle.is-dragging{background:#2563eb1a}.panel-resize-handle.is-dragging{background:#2563eb4d}:global(.dark) .panel-resize-handle:hover{background:#4b8df81a;box-shadow:0 0 8px #4b8df833}:global(.dark) .panel-resize-handle.is-dragging{background:#4b8df84d;box-shadow:0 0 12px #4b8df866}.mobile-action-bar{display:none;position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background:#fffc;backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--color-border);z-index:50;transform:translateY(0);transition:transform var(--duration-normal) var(--ease-default);gap:var(--space-3)}:global(.dark) .mobile-action-bar{background:#09090bcc;border-top-color:#18181c}.mobile-action-bar.is-hidden{transform:translateY(100%)}.mobile-action-bar{display:none;flex-direction:row}.mobile-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;background:var(--color-bg-muted);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);min-height:44px}.mobile-action-btn:active{transform:scale(.98)}.mobile-action-btn-primary{background:var(--gradient-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);box-shadow:var(--shadow-accent-sm)}:global(.dark) .mobile-action-btn{background:#0b0b0d;border-color:#18181c}:global(.dark) .mobile-action-btn-primary{box-shadow:var(--glow-accent-sm)}@media(max-width:639px){.mobile-tab-bar,.mobile-action-bar{display:flex}.playground-panels{flex-direction:column;padding-bottom:calc(60px + env(safe-area-inset-bottom))}#main-content{height:auto;overflow:auto}.panel-resize-handle{display:none}}