.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)}}.config-panel[data-astro-cid-wy2rksdp]{width:40%;background:var(--color-bg-surface);border-right:1px solid var(--color-border);padding:var(--space-6);overflow-y:auto;max-height:calc(100vh - 56px)}.dark .config-panel[data-astro-cid-wy2rksdp]{background:var(--color-bg-inset)}.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:var(--color-bg-surface)}.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)}.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:var(--color-bg-inset);border-color:var(--color-border);box-shadow:var(--shadow-inset-sm)}.dark .form-input[data-astro-cid-wy2rksdp]:focus{border-color:var(--color-accent);box-shadow:var(--shadow-inset-sm),var(--glow-accent-xs)}.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:var(--color-bg-inset);border-color:var(--color-border)}.form-radio-group[data-astro-cid-wy2rksdp]{display:flex;gap:var(--space-4)}.form-radio[data-astro-cid-wy2rksdp]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.form-radio[data-astro-cid-wy2rksdp] input[data-astro-cid-wy2rksdp][type=radio]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.form-checkbox[data-astro-cid-wy2rksdp]{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;margin-bottom:var(--space-2)}.form-checkbox[data-astro-cid-wy2rksdp]:last-child{margin-bottom:0}.form-checkbox[data-astro-cid-wy2rksdp] input[data-astro-cid-wy2rksdp][type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.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)}.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:var(--color-bg-inset);border-color:var(--color-border-subtle)}.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)}.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:var(--color-bg-inset);border-color:var(--color-border-subtle)}.dark .json-editor[data-astro-cid-wy2rksdp]:focus{border-color:var(--color-accent);box-shadow:var(--glow-accent-xs)}.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%}}.preview-panel[data-astro-cid-qrjhyyno]{width:60%;background:var(--color-bg);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column}.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-sm);min-height:400px;display:flex;align-items:center;justify-content:center;flex:1}.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)}.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}.demo-widget-card[data-astro-cid-qrjhyyno]{width:400px;max-width:100%;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-default)}.dark .demo-widget-card[data-astro-cid-qrjhyyno]{background:var(--color-bg-elevated)}.demo-widget-header[data-astro-cid-qrjhyyno]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.demo-widget-repo[data-astro-cid-qrjhyyno]{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600}.demo-widget-owner[data-astro-cid-qrjhyyno]{color:var(--color-text-secondary)}.demo-widget-sep[data-astro-cid-qrjhyyno]{color:var(--color-text-muted);margin:0 var(--space-0-5)}.demo-widget-name[data-astro-cid-qrjhyyno]{color:var(--color-accent)}.demo-widget-desc[data-astro-cid-qrjhyyno]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.demo-widget-stats[data-astro-cid-qrjhyyno]{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.demo-widget-stat[data-astro-cid-qrjhyyno],.demo-widget-lang[data-astro-cid-qrjhyyno]{display:flex;align-items:center;gap:var(--space-1)}.demo-widget-lang-dot[data-astro-cid-qrjhyyno]{width:10px;height:10px;border-radius:var(--radius-full);background:#3178c6}.preview-url-bar[data-astro-cid-qrjhyyno]{position:relative;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);padding-right:var(--space-10);margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);word-break:break-all;color:var(--color-text);line-height:var(--leading-relaxed)}.dark .preview-url-bar[data-astro-cid-qrjhyyno]{background:var(--color-bg-inset)}.preview-url-text[data-astro-cid-qrjhyyno]{background:none;border:none;padding:0;font-size:inherit;color:inherit}.preview-url-copy[data-astro-cid-qrjhyyno]{position:absolute;top:var(--space-2);right:var(--space-2);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)}.preview-url-copy[data-astro-cid-qrjhyyno]:hover{color:var(--color-text);background:var(--color-bg-muted)}.preview-url-copy[data-astro-cid-qrjhyyno] .check-icon[data-astro-cid-qrjhyyno]{color:var(--color-success)}.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:var(--color-bg-elevated)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.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:var(--color-bg-inset);border-color:var(--color-border-subtle)}.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:var(--color-bg-elevated);border-color:var(--color-border)}.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)}@media(max-width:639px){.mobile-tab-bar{display:flex}.playground-panels{flex-direction:column}#main-content{height:auto;overflow:auto}}