.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}.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}.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 .15s ease,background-color .15s ease,border-color .15s ease;flex-shrink:0}.theme-toggle[data-astro-cid-5uoivi7r]:hover{color:var(--color-text);background:var(--color-bg-elevated);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}@media(max-width:639px){.topbar[data-astro-cid-5uoivi7r]{padding:0 var(--space-3)}.topbar-inner[data-astro-cid-5uoivi7r]{gap: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}}.template-info[data-astro-cid-wy2rksdp]{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dark .template-info[data-astro-cid-wy2rksdp]{background:#0b0b0d;border-color:#18181c}.template-name[data-astro-cid-wy2rksdp]{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-2)}.template-desc[data-astro-cid-wy2rksdp]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.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:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.required-mark[data-astro-cid-wy2rksdp]{color:#ef4444;font-weight:600}.form-textarea[data-astro-cid-wy2rksdp]{min-height:100px;resize:vertical;font-family:var(--font-mono);font-size:var(--text-xs)}.array-field[data-astro-cid-wy2rksdp],.array-items[data-astro-cid-wy2rksdp]{display:flex;flex-direction:column;gap:var(--space-2)}.btn-add-array-item[data-astro-cid-wy2rksdp]{padding:var(--space-2) var(--space-3);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.btn-add-array-item[data-astro-cid-wy2rksdp]:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-muted)}.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%}}.preview-panel[data-astro-cid-qrjhyyno]{height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.pdf-toolbar[data-astro-cid-qrjhyyno]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-shrink:0;height:44px}.pdf-zoom-controls[data-astro-cid-qrjhyyno]{display:flex;align-items:center;gap:var(--space-2)}.zoom-label[data-astro-cid-qrjhyyno]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.zoom-select[data-astro-cid-qrjhyyno]{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-bg);cursor:pointer;min-width:100px;height:28px}.zoom-select[data-astro-cid-qrjhyyno]:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.zoom-btn[data-astro-cid-qrjhyyno]{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;width:28px;height:28px}.zoom-btn[data-astro-cid-qrjhyyno] svg[data-astro-cid-qrjhyyno]{width:14px;height:14px}.zoom-btn[data-astro-cid-qrjhyyno]:hover{background:var(--color-bg-elevated);border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.zoom-btn[data-astro-cid-qrjhyyno]:active{transform:scale(.95)}.btn-download-pdf[data-astro-cid-qrjhyyno]{padding:var(--space-1-5) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-primary, #3b82f6);color:#fff;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-1-5);transition:all .15s ease;height:28px}.btn-download-pdf[data-astro-cid-qrjhyyno] svg[data-astro-cid-qrjhyyno]{width:14px;height:14px}.btn-download-pdf[data-astro-cid-qrjhyyno]:hover{background:var(--color-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-download-pdf[data-astro-cid-qrjhyyno]:active{transform:translateY(0)}.pdf-viewport[data-astro-cid-qrjhyyno]{flex:1;overflow:auto;background:var(--color-bg-muted);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8)}.dark .pdf-viewport[data-astro-cid-qrjhyyno]{background:#525659}.pdf-page[data-astro-cid-qrjhyyno]{background:#fff;box-shadow:0 2px 8px #0000004d,0 0 0 1px #0000001a;transform:scale(var(--zoom-level, 1));transform-origin:center top;transition:transform .2s ease;width:794px;height:1123px;flex-shrink:0;position:relative;overflow:hidden}.template-iframe[data-astro-cid-qrjhyyno]{width:794px;height:1123px;border:none;display:block;background:#fff;transform-origin:top left}.pdf-viewport[data-astro-cid-qrjhyyno]{scroll-behavior:smooth}.pdf-page[data-astro-cid-qrjhyyno].updating{opacity:.6;pointer-events:none}@media(max-width:768px){.pdf-toolbar[data-astro-cid-qrjhyyno]{flex-direction:column;gap:var(--space-3);align-items:stretch}.pdf-zoom-controls[data-astro-cid-qrjhyyno]{justify-content:space-between}.btn-download-pdf[data-astro-cid-qrjhyyno]{width:100%;justify-content:center}.pdf-viewport[data-astro-cid-qrjhyyno]{padding:var(--space-4)}.pdf-page[data-astro-cid-qrjhyyno]{width:100%;max-width:794px;min-height:auto}.pdf-page-content[data-astro-cid-qrjhyyno]{padding:var(--space-6)}}@media(max-width:480px){.zoom-label[data-astro-cid-qrjhyyno]{display:none}.pdf-viewport[data-astro-cid-qrjhyyno]{padding:var(--space-2)}}.pdf-page-content[data-astro-cid-qrjhyyno] .template-preview-base{transform:none!important;width:100%}.pdf-page-content[data-astro-cid-qrjhyyno] .template-preview-base .pdf-page{width:100%!important;height:auto!important;min-height:100%;max-width:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;font-size:16px!important}#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}}