.navbar[data-astro-cid-ycsfayq6]{z-index:100;background:var(--background);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);position:sticky;top:0}.nav-inner[data-astro-cid-ycsfayq6]{justify-content:space-between;align-items:center;height:56px;display:flex}.logo[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);font-weight:700;font-size:var(--text-lg);color:var(--foreground);text-decoration:none;display:flex}.logo[data-astro-cid-ycsfayq6]:hover{text-decoration:none}.logo-icon[data-astro-cid-ycsfayq6]{width:1.5rem;height:1.5rem}.nav-links[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-6);display:flex}.nav-links[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--muted-foreground);font-weight:500;transition:color .15s}.nav-links[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]:hover{color:var(--foreground);text-decoration:none}.breadcrumb[data-astro-cid-ycsfayq6]{padding:var(--spacing-5) 0;font-size:var(--text-sm);color:var(--muted-foreground);align-items:center;gap:var(--spacing-2);display:flex}.breadcrumb[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]{color:var(--muted-foreground)}.breadcrumb[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]:hover{color:var(--primary)}.breadcrumb[data-astro-cid-ycsfayq6] .sep[data-astro-cid-ycsfayq6]{color:var(--border)}.breadcrumb[data-astro-cid-ycsfayq6] .current[data-astro-cid-ycsfayq6]{color:var(--foreground);font-weight:500}.tool-page[data-astro-cid-ycsfayq6]{padding-bottom:var(--spacing-8);position:relative}.tool-hero[data-astro-cid-ycsfayq6].page-hero{padding:var(--spacing-8) 0 var(--spacing-6)}.tool-hero-breadcrumb[data-astro-cid-ycsfayq6]{justify-content:center;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:#5b6b7c;margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.tool-hero-breadcrumb[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]{color:#5b6b7c;text-decoration:none;transition:color .15s}.tool-hero-breadcrumb[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]:hover{color:var(--primary)}.tool-hero-breadcrumb[data-astro-cid-ycsfayq6] .sep[data-astro-cid-ycsfayq6]{color:#c3cbd6}.tool-hero-breadcrumb[data-astro-cid-ycsfayq6] .current[data-astro-cid-ycsfayq6]{color:var(--foreground);font-weight:500}[data-astro-cid-ycsfayq6][data-theme=dark] .tool-hero-breadcrumb[data-astro-cid-ycsfayq6],[data-astro-cid-ycsfayq6][data-theme=dark] .tool-hero-breadcrumb[data-astro-cid-ycsfayq6] a[data-astro-cid-ycsfayq6]{color:#aab3bf}[data-astro-cid-ycsfayq6][data-theme=dark] .tool-hero-breadcrumb[data-astro-cid-ycsfayq6] .sep[data-astro-cid-ycsfayq6]{color:#4d4d4d}.tool-layout[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);flex-direction:column;display:flex}.tool-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-6);align-items:stretch;min-height:460px;display:flex}.tool-panels[data-astro-cid-ycsfayq6] .panel-input[data-astro-cid-ycsfayq6],.tool-panels[data-astro-cid-ycsfayq6] .panel-output[data-astro-cid-ycsfayq6]{flex:1 1 0;min-width:0}.panel[data-astro-cid-ycsfayq6]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.panel-input[data-astro-cid-ycsfayq6],.panel-output[data-astro-cid-ycsfayq6]{flex:0 0 45%}.panel-actions[data-astro-cid-ycsfayq6]{background:0 0;border:none;flex:none;justify-content:center;width:10%;min-width:80px}.panel-header-actions[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-3);display:inline-flex}.indent-selector[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--muted-foreground);cursor:pointer;user-select:none;display:inline-flex}.indent-label[data-astro-cid-ycsfayq6]{font-weight:500}.indent-select[data-astro-cid-ycsfayq6]{padding:2px var(--spacing-2);font-size:var(--text-xs);font-family:var(--font-sans);color:var(--foreground);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.indent-selector[data-astro-cid-ycsfayq6] input[data-astro-cid-ycsfayq6][type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.output-wrap[data-astro-cid-ycsfayq6]{flex:1;min-height:0;display:flex;position:relative}.output-area-with-highlight[data-astro-cid-ycsfayq6]{color:#0000;caret-color:var(--foreground)}.output-highlight[data-astro-cid-ycsfayq6]{padding:var(--spacing-5);font-family:var(--font-mono);color:var(--foreground);pointer-events:none;white-space:pre-wrap;word-break:break-word;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:0 0;margin:0;font-size:.8125rem;line-height:1.6;position:absolute;inset:0;overflow:auto}.output-highlight[data-astro-cid-ycsfayq6][hidden]{display:none}.hl-key[data-astro-cid-ycsfayq6]{color:var(--chart-1)}.hl-str[data-astro-cid-ycsfayq6]{color:var(--chart-5)}.hl-num[data-astro-cid-ycsfayq6]{color:var(--chart-2)}.hl-bool[data-astro-cid-ycsfayq6]{color:var(--chart-3)}.hl-null[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);font-style:italic}.panel-header[data-astro-cid-ycsfayq6]{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.panel-title[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--foreground);font-weight:600}.paste-btn[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s;display:inline-flex}.paste-btn[data-astro-cid-ycsfayq6]:hover{background:var(--accent);color:var(--accent-foreground)}.paste-btn[data-astro-cid-ycsfayq6]:active{transform:scale(.95)}.copy-btn[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-5);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-xl);font-size:var(--text-xs);font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:none;transition:filter .15s,transform .1s;display:inline-flex}.copy-btn[data-astro-cid-ycsfayq6]:hover{filter:brightness(.95)}.copy-btn[data-astro-cid-ycsfayq6]:active{transform:scale(.95)}.code-area[data-astro-cid-ycsfayq6]{width:100%;min-height:0;padding:var(--spacing-5);font-family:var(--font-mono);font-size:var(--editor-font-size,.8125rem);color:var(--foreground);background:var(--card);resize:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);tab-size:2;border:none;outline:none;flex:1;line-height:1.6;transition:border-color .3s,box-shadow .3s;overflow:auto}.code-area[data-astro-cid-ycsfayq6]::placeholder{color:var(--muted-foreground);font-family:var(--font-sans)}.output-area[data-astro-cid-ycsfayq6]{background:var(--muted);color:var(--foreground);cursor:default}.actions-stack[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-6);padding:var(--spacing-8) 0;flex-direction:column;display:flex}.action-btn[data-astro-cid-ycsfayq6]{border:2px solid var(--border);width:64px;height:64px;font-family:var(--font-sans);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .1s,background .15s,border-color .15s,filter .15s;display:flex}.action-btn[data-astro-cid-ycsfayq6]:active{transform:scale(.92)}.action-icon[data-astro-cid-ycsfayq6]{width:1.25rem;height:1.25rem;line-height:1}.action-label[data-astro-cid-ycsfayq6]{white-space:nowrap;font-size:.6rem;font-weight:600}.action-primary[data-astro-cid-ycsfayq6]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.action-primary[data-astro-cid-ycsfayq6]:hover{filter:brightness(.92)}.action-secondary[data-astro-cid-ycsfayq6]{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.action-secondary[data-astro-cid-ycsfayq6]:hover{background:var(--accent);color:var(--accent-foreground)}.action-ghost[data-astro-cid-ycsfayq6]{background:var(--card);color:var(--muted-foreground);border-color:var(--border)}.action-ghost[data-astro-cid-ycsfayq6]:hover{background:var(--muted);color:var(--foreground)}.action-bar[data-astro-cid-ycsfayq6]{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.action-bar-group[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:inline-flex}.action-bar-right[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);margin-left:auto}.action-pill[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;font-weight:600;transition:filter .15s,background .15s,border-color .15s,transform .1s;display:inline-flex}.action-pill[data-astro-cid-ycsfayq6] .action-icon[data-astro-cid-ycsfayq6]{width:1rem;height:1rem}.action-pill[data-astro-cid-ycsfayq6]:active{transform:scale(.96)}.action-pill[data-astro-cid-ycsfayq6].action-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.action-pill[data-astro-cid-ycsfayq6].action-primary:hover{filter:brightness(.92)}.action-pill[data-astro-cid-ycsfayq6].action-secondary:hover{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.action-pill[data-astro-cid-ycsfayq6].action-ghost{color:var(--muted-foreground);background:0 0}.action-pill[data-astro-cid-ycsfayq6].action-ghost:hover{background:var(--muted);color:var(--foreground)}.action-pill[data-astro-cid-ycsfayq6].is-loading{pointer-events:none;opacity:.85}.action-pill[data-astro-cid-ycsfayq6].is-loading .action-icon[data-astro-cid-ycsfayq6]{animation:.7s linear infinite spin}.action-kbd[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:inherit;border-radius:var(--radius-sm);margin-left:var(--spacing-1);background:#ffffff2e;align-items:center;padding:1px 5px;font-size:.625rem;font-weight:700;line-height:1.4;display:inline-flex}.action-pill[data-astro-cid-ycsfayq6]:not(.action-primary) .action-kbd[data-astro-cid-ycsfayq6]{background:var(--muted);color:var(--muted-foreground)}.realtime-toggle[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);cursor:pointer;user-select:none;font-size:var(--text-xs);color:var(--muted-foreground);display:inline-flex}.realtime-toggle[data-astro-cid-ycsfayq6] input[data-astro-cid-ycsfayq6]{display:none}.realtime-track[data-astro-cid-ycsfayq6]{background:var(--muted);border-radius:var(--radius-xl);width:30px;height:16px;transition:background .2s;position:relative}.realtime-thumb[data-astro-cid-ycsfayq6]{background:var(--foreground);border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.realtime-toggle[data-astro-cid-ycsfayq6] input[data-astro-cid-ycsfayq6]:checked+.realtime-track[data-astro-cid-ycsfayq6]{background:var(--primary)}.realtime-toggle[data-astro-cid-ycsfayq6] input[data-astro-cid-ycsfayq6]:checked+.realtime-track[data-astro-cid-ycsfayq6] .realtime-thumb[data-astro-cid-ycsfayq6]{background:var(--primary-foreground);transform:translate(14px)}.realtime-label[data-astro-cid-ycsfayq6]{font-weight:600}.shortcut-hint[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);align-items:center;gap:var(--spacing-1);display:inline-flex}.shortcut-hint[data-astro-cid-ycsfayq6] kbd[data-astro-cid-ycsfayq6],.action-kbd[data-astro-cid-ycsfayq6]{font-family:var(--font-mono)}.shortcut-hint[data-astro-cid-ycsfayq6] kbd[data-astro-cid-ycsfayq6]{color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.6875rem;line-height:1.4;display:inline-block}.editor-toolbar[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--border);background:var(--secondary);flex-wrap:wrap;display:flex}.toolbar-btn[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-1);padding:4px var(--spacing-2);color:var(--muted-foreground);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.toolbar-btn[data-astro-cid-ycsfayq6]:hover{background:var(--card);color:var(--foreground);border-color:var(--border)}.toolbar-btn[data-astro-cid-ycsfayq6]:active{transform:scale(.94)}.toolbar-btn-icon[data-astro-cid-ycsfayq6]{padding:4px 6px}.toolbar-btn[data-astro-cid-ycsfayq6] svg[data-astro-cid-ycsfayq6]{width:.875rem;height:.875rem}.toolbar-sep[data-astro-cid-ycsfayq6]{background:var(--border);flex-shrink:0;width:1px;height:16px}.toolbar-spacer[data-astro-cid-ycsfayq6]{flex:1}.font-size-label[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground);text-align:center;min-width:22px;font-weight:600}.toolbar-select[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--muted-foreground);display:inline-flex}.toolbar-select-label[data-astro-cid-ycsfayq6]{font-weight:500}.toolbar-select-el[data-astro-cid-ycsfayq6]{padding:2px var(--spacing-2);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.fs-icon-close[data-astro-cid-ycsfayq6],.code-wrap[data-astro-cid-ycsfayq6].is-fullscreen .fs-icon-open[data-astro-cid-ycsfayq6]{display:none}.code-wrap[data-astro-cid-ycsfayq6].is-fullscreen .fs-icon-close[data-astro-cid-ycsfayq6]{display:inline-block}.code-wrap[data-astro-cid-ycsfayq6]{background:var(--card);flex:1;min-height:0;display:flex;position:relative}.line-numbers[data-astro-cid-ycsfayq6]{width:48px;padding:var(--spacing-5) var(--spacing-2) var(--spacing-5) 0;text-align:right;font-family:var(--font-mono);font-size:var(--editor-font-size,.8125rem);color:var(--muted-foreground);background:var(--secondary);border-right:1px solid var(--border);user-select:none;white-space:pre;scrollbar-width:none;flex-shrink:0;line-height:1.6;overflow:hidden}.line-numbers[data-astro-cid-ycsfayq6]::-webkit-scrollbar{display:none}.line-numbers[data-astro-cid-ycsfayq6] span[data-astro-cid-ycsfayq6]{padding-right:var(--spacing-2);display:block}.line-numbers[data-astro-cid-ycsfayq6] span[data-astro-cid-ycsfayq6].line-num-error{color:var(--primary-foreground);background:var(--destructive);font-weight:700}.code-wrap[data-astro-cid-ycsfayq6] .code-area[data-astro-cid-ycsfayq6]{padding-left:var(--spacing-4);border-radius:0}.error-banner[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:color-mix(in srgb, var(--destructive) 12%, transparent);border:1px solid var(--destructive);border-left:3px solid var(--destructive);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--foreground);font-family:var(--font-mono);line-height:1.5;animation:.2s both fade-in}.error-banner[data-astro-cid-ycsfayq6][hidden]{display:none}.error-banner[data-astro-cid-ycsfayq6] strong[data-astro-cid-ycsfayq6]{color:var(--destructive);margin-right:var(--spacing-2)}.history-dropdown[data-astro-cid-ycsfayq6]{position:relative}.history-menu[data-astro-cid-ycsfayq6]{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:280px;max-width:380px;max-height:320px;box-shadow:var(--shadow-md);padding:var(--spacing-2);transform-origin:100% 0;animation:.15s both scale-in;position:absolute;top:calc(100% + 4px);right:0;overflow:auto}.history-menu[data-astro-cid-ycsfayq6][hidden]{display:none}.history-empty[data-astro-cid-ycsfayq6]{padding:var(--spacing-4);font-size:var(--text-xs);color:var(--muted-foreground);text-align:center}.history-item[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;display:flex}.history-item[data-astro-cid-ycsfayq6]:hover{background:var(--muted)}.history-item-text[data-astro-cid-ycsfayq6]{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.history-item-ts[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);font-size:.625rem;font-family:var(--font-mono);flex-shrink:0}.history-item-del[data-astro-cid-ycsfayq6]{width:18px;height:18px;color:var(--muted-foreground);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.history-item-del[data-astro-cid-ycsfayq6]:hover{background:var(--destructive);color:var(--primary-foreground)}.history-clear[data-astro-cid-ycsfayq6]{width:100%;margin-top:var(--spacing-2);padding:var(--spacing-2);color:var(--muted-foreground);font-size:var(--text-xs);border:none;border-top:1px solid var(--border);cursor:pointer;background:0 0;display:block}.history-clear[data-astro-cid-ycsfayq6]:hover{color:var(--destructive)}.copy-btn[data-astro-cid-ycsfayq6] .copy-check[data-astro-cid-ycsfayq6],.copy-btn[data-astro-cid-ycsfayq6].is-copied .copy-icon[data-astro-cid-ycsfayq6]{display:none}.copy-btn[data-astro-cid-ycsfayq6].is-copied .copy-check[data-astro-cid-ycsfayq6]{color:var(--primary-foreground);animation:.35s both pop-check;display:inline-block}.copy-btn[data-astro-cid-ycsfayq6] .copy-label[data-astro-cid-ycsfayq6]{transition:opacity .15s}.copy-btn[data-astro-cid-ycsfayq6].is-copied .copy-label[data-astro-cid-ycsfayq6]{opacity:0;position:relative}.copy-btn[data-astro-cid-ycsfayq6].is-copied .copy-label[data-astro-cid-ycsfayq6]:before{content:"已复制";opacity:1;align-items:center;display:inline-flex;position:absolute;inset:0}.code-wrap[data-astro-cid-ycsfayq6].is-fullscreen{z-index:1000;background:var(--card);border-radius:0;position:fixed;inset:0}.code-wrap[data-astro-cid-ycsfayq6].is-fullscreen .line-numbers[data-astro-cid-ycsfayq6]{flex-shrink:0}.code-wrap[data-astro-cid-ycsfayq6].is-fullscreen .code-area[data-astro-cid-ycsfayq6]{border-radius:0}body.fs-open{overflow:hidden}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-key[data-astro-cid-ycsfayq6],.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=light] .hl-key[data-astro-cid-ycsfayq6]{color:#1a73e8}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-str[data-astro-cid-ycsfayq6],.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=light] .hl-str[data-astro-cid-ycsfayq6]{color:#188038}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-num[data-astro-cid-ycsfayq6],.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=light] .hl-num[data-astro-cid-ycsfayq6]{color:#c5221f}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-bool[data-astro-cid-ycsfayq6],.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=light] .hl-bool[data-astro-cid-ycsfayq6]{color:#b31412}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-null[data-astro-cid-ycsfayq6],.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=light] .hl-null[data-astro-cid-ycsfayq6]{color:#5f6368;font-style:italic}[data-astro-cid-ycsfayq6][data-theme=dark] .code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-key[data-astro-cid-ycsfayq6]{color:#8ab4f8}[data-astro-cid-ycsfayq6][data-theme=dark] .code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-str[data-astro-cid-ycsfayq6]{color:#81c995}[data-astro-cid-ycsfayq6][data-theme=dark] .code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-num[data-astro-cid-ycsfayq6]{color:#f28b82}[data-astro-cid-ycsfayq6][data-theme=dark] .code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-bool[data-astro-cid-ycsfayq6]{color:#fcad70}[data-astro-cid-ycsfayq6][data-theme=dark] .code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=auto] .hl-null[data-astro-cid-ycsfayq6]{color:#9aa0a6;font-style:italic}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dark] .hl-key[data-astro-cid-ycsfayq6]{color:#8ab4f8}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dark] .hl-str[data-astro-cid-ycsfayq6]{color:#81c995}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dark] .hl-num[data-astro-cid-ycsfayq6]{color:#f28b82}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dark] .hl-bool[data-astro-cid-ycsfayq6]{color:#fcad70}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dark] .hl-null[data-astro-cid-ycsfayq6]{color:#9aa0a6;font-style:italic}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=monokai] .hl-key[data-astro-cid-ycsfayq6]{color:#f92672}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=monokai] .hl-str[data-astro-cid-ycsfayq6]{color:#e6db74}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=monokai] .hl-num[data-astro-cid-ycsfayq6]{color:#ae81ff}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=monokai] .hl-bool[data-astro-cid-ycsfayq6]{color:#66d9ef;font-style:italic}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=monokai] .hl-null[data-astro-cid-ycsfayq6]{color:#75715e;font-style:italic}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=solarized] .hl-key[data-astro-cid-ycsfayq6]{color:#859900}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=solarized] .hl-str[data-astro-cid-ycsfayq6]{color:#2aa198}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=solarized] .hl-num[data-astro-cid-ycsfayq6]{color:#d33682}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=solarized] .hl-bool[data-astro-cid-ycsfayq6]{color:#b58900}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=solarized] .hl-null[data-astro-cid-ycsfayq6]{color:#586e75;font-style:italic}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dracula] .hl-key[data-astro-cid-ycsfayq6]{color:#ff79c6}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dracula] .hl-str[data-astro-cid-ycsfayq6]{color:#f1fa8c}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dracula] .hl-num[data-astro-cid-ycsfayq6]{color:#bd93f9}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dracula] .hl-bool[data-astro-cid-ycsfayq6]{color:#8be9fd;font-style:italic}.code-wrap[data-astro-cid-ycsfayq6][data-hl-theme=dracula] .hl-null[data-astro-cid-ycsfayq6]{color:#6272a4;font-style:italic}.stats-bar[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-xs);color:var(--muted-foreground);font-family:var(--font-mono);display:flex}.stats-bar[data-astro-cid-ycsfayq6] strong[data-astro-cid-ycsfayq6]{color:var(--foreground);font-weight:600}.stat-sep[data-astro-cid-ycsfayq6]{color:var(--border)}.theme-toggle[data-astro-cid-ycsfayq6]{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--secondary);width:36px;height:36px;color:var(--secondary-foreground);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,transform .1s;display:inline-flex}.theme-toggle[data-astro-cid-ycsfayq6]:hover{background:var(--accent)}.theme-toggle[data-astro-cid-ycsfayq6]:active{transform:scale(.92)}[data-astro-cid-ycsfayq6][data-theme=dark] .theme-icon-light[data-astro-cid-ycsfayq6],[data-astro-cid-ycsfayq6][data-theme=light] .theme-icon-dark[data-astro-cid-ycsfayq6]{display:none}.theme-icon-light[data-astro-cid-ycsfayq6],.theme-icon-dark[data-astro-cid-ycsfayq6]{width:1rem;height:1rem}.tool-help[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-6);padding:var(--spacing-5) var(--spacing-6);background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-lg)}.tool-help[data-astro-cid-ycsfayq6] h3[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--foreground);margin-bottom:var(--spacing-2);font-weight:600}.tool-help[data-astro-cid-ycsfayq6] p[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.6}.tool-content[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-12);max-width:820px;margin-left:auto;margin-right:auto}.content-block[data-astro-cid-ycsfayq6]{margin-bottom:var(--spacing-12)}.content-block-title[data-astro-cid-ycsfayq6]{font-size:var(--text-xl);color:var(--foreground);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--border);font-weight:700}.content-paragraph[data-astro-cid-ycsfayq6]{font-size:var(--text-base);color:var(--foreground);margin-bottom:var(--spacing-4);line-height:1.85}.features-grid[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.feature-card[data-astro-cid-ycsfayq6]{padding:var(--spacing-5);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.feature-title[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--foreground);margin-bottom:var(--spacing-2);font-weight:600;display:flex}.feature-check[data-astro-cid-ycsfayq6]{width:1.125rem;height:1.125rem;color:var(--primary);flex-shrink:0}.feature-desc[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.6}.usecases-list[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);flex-direction:column;display:flex}.usecase-item[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);padding:var(--spacing-5);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.usecase-num[data-astro-cid-ycsfayq6]{background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.usecase-body[data-astro-cid-ycsfayq6]{flex:1}.usecase-title[data-astro-cid-ycsfayq6]{font-size:var(--text-base);color:var(--foreground);margin-bottom:var(--spacing-2);font-weight:600}.usecase-desc[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.6}.faq-list[data-astro-cid-ycsfayq6]{gap:var(--spacing-3);flex-direction:column;display:flex}.faq-item[data-astro-cid-ycsfayq6]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-4) var(--spacing-5)}.faq-item[data-astro-cid-ycsfayq6] summary[data-astro-cid-ycsfayq6]{font-size:var(--text-base);color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.faq-item[data-astro-cid-ycsfayq6] summary[data-astro-cid-ycsfayq6]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-ycsfayq6] summary[data-astro-cid-ycsfayq6]:after{content:"+";color:var(--muted-foreground);font-size:1.5rem;font-weight:400;line-height:1;transition:transform .2s}.faq-item[data-astro-cid-ycsfayq6][open] summary[data-astro-cid-ycsfayq6]:after{content:"−"}.faq-item[data-astro-cid-ycsfayq6] p[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--muted-foreground);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border);line-height:1.7}.related-tools[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-12);padding-top:var(--spacing-8);border-top:1px solid var(--border)}.related-title[data-astro-cid-ycsfayq6]{font-size:var(--text-lg);color:var(--foreground);margin-bottom:var(--spacing-5);text-align:center;font-weight:600}.related-grid[data-astro-cid-ycsfayq6]{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);display:grid}.related-card[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.related-card[data-astro-cid-ycsfayq6]:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-1px)}.related-icon[data-astro-cid-ycsfayq6]{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.related-name[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);flex:1;font-weight:500}.related-arrow[data-astro-cid-ycsfayq6]{width:1rem;height:1rem;color:var(--muted-foreground)}.mobile-copy-fab[data-astro-cid-ycsfayq6]{z-index:90;padding:var(--spacing-4) var(--spacing-8);background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);cursor:pointer;box-shadow:var(--shadow-md);border:none;transition:transform .1s,filter .15s;display:none;position:fixed;bottom:24px;right:24px}.mobile-copy-fab[data-astro-cid-ycsfayq6]:active{transform:scale(.94)}.footer[data-astro-cid-ycsfayq6]{border-top:1px solid var(--border);padding:var(--spacing-6) 0;text-align:center;font-size:var(--text-xs);color:var(--muted-foreground)}.tool-layout-password[data-astro-cid-ycsfayq6]{gap:var(--spacing-6);align-items:stretch;min-height:420px;display:flex}.tool-layout-password[data-astro-cid-ycsfayq6] .panel-options[data-astro-cid-ycsfayq6],.tool-layout-password[data-astro-cid-ycsfayq6] .panel-output[data-astro-cid-ycsfayq6]{flex:0 0 45%}.options-body[data-astro-cid-ycsfayq6]{padding:var(--spacing-5) var(--spacing-6);gap:var(--spacing-5);flex-direction:column;flex:1;display:flex;overflow:auto}.opt-group[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);flex-direction:column;display:flex}.opt-row[data-astro-cid-ycsfayq6]{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.opt-label[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--foreground);font-weight:600}.opt-value[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--primary);font-weight:600}.opt-range[data-astro-cid-ycsfayq6]{appearance:none;background:var(--muted);border-radius:var(--radius-xl);cursor:pointer;outline:none;width:100%;height:6px}.opt-range[data-astro-cid-ycsfayq6]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--card);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.opt-range[data-astro-cid-ycsfayq6]::-moz-range-thumb{background:var(--primary);border:2px solid var(--card);width:18px;height:18px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%}.opt-range-marks[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);font-family:var(--font-mono);justify-content:space-between;display:flex}.opt-checkbox-grid[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);display:grid}.opt-checkbox[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--foreground);cursor:pointer;user-select:none;display:inline-flex}.opt-checkbox[data-astro-cid-ycsfayq6] input[data-astro-cid-ycsfayq6][type=checkbox]{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.opt-checkbox-row[data-astro-cid-ycsfayq6]{width:100%}.opt-number[data-astro-cid-ycsfayq6]{width:64px;padding:2px var(--spacing-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:right}.opt-hint[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);font-family:var(--font-mono)}.pw-strength-bar[data-astro-cid-ycsfayq6]{background:var(--muted);border-radius:var(--radius-xl);width:100%;height:6px;overflow:hidden}.pw-strength-fill[data-astro-cid-ycsfayq6]{background:var(--destructive);border-radius:var(--radius-xl);width:0%;height:100%;transition:width .2s,background .2s;display:block}.pw-result[data-astro-cid-ycsfayq6]{padding:var(--spacing-5) var(--spacing-6);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow:auto}.pw-result-empty[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);font-size:var(--text-sm);text-align:center;margin:auto 0}.pw-result-single[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--foreground);background:var(--secondary);border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-5);word-break:break-all;margin:auto 0;font-size:1.125rem;font-weight:600;line-height:1.6}.pw-result-item[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.pw-result-idx[data-astro-cid-ycsfayq6]{background:var(--card);border:1px solid var(--border);width:24px;height:24px;font-size:var(--text-xs);color:var(--muted-foreground);font-weight:600;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pw-result-code[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--foreground);word-break:break-all;flex:1}.pw-result-copy[data-astro-cid-ycsfayq6]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.pw-result-copy[data-astro-cid-ycsfayq6]:hover{color:var(--primary);border-color:var(--primary)}.tool-layout-regex[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);flex-direction:column;display:flex}.regex-inputs[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:2fr 1fr 2fr;display:grid}.regex-field[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);flex-direction:column;display:flex}.regex-label[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--muted-foreground);letter-spacing:.02em;font-weight:600;display:inline-flex}.regex-field-icon[data-astro-cid-ycsfayq6]{width:.875rem;height:.875rem;color:var(--primary)}.regex-input[data-astro-cid-ycsfayq6]{width:100%;padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color .15s,box-shadow .15s}.regex-input[data-astro-cid-ycsfayq6]:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-glow)}.regex-input-flags[data-astro-cid-ycsfayq6]{text-transform:lowercase}.regex-actions-row[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.regex-action-btn[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-xl);border:1px solid var(--border);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:filter .15s,background .15s,transform .1s;display:inline-flex}.regex-action-btn[data-astro-cid-ycsfayq6] .action-icon[data-astro-cid-ycsfayq6]{width:1rem;height:1rem}.regex-action-btn[data-astro-cid-ycsfayq6]:active{transform:scale(.96)}.regex-action-btn[data-astro-cid-ycsfayq6].action-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.regex-action-btn[data-astro-cid-ycsfayq6].action-primary:hover{filter:brightness(.92)}.regex-action-btn[data-astro-cid-ycsfayq6].action-ghost{background:var(--secondary);color:var(--secondary-foreground)}.regex-action-btn[data-astro-cid-ycsfayq6].action-ghost:hover{background:var(--accent);color:var(--accent-foreground)}.regex-status[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);font-family:var(--font-mono);flex:1}.regex-body[data-astro-cid-ycsfayq6]{gap:var(--spacing-6);grid-template-columns:1fr 1fr;min-height:360px;display:grid}.regex-body[data-astro-cid-ycsfayq6] .panel-input[data-astro-cid-ycsfayq6],.regex-body[data-astro-cid-ycsfayq6] .panel-output[data-astro-cid-ycsfayq6]{flex:none}.regex-output[data-astro-cid-ycsfayq6]{padding:var(--spacing-4) var(--spacing-5);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex;overflow:auto}.regex-output-section[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);flex-direction:column;display:flex}.regex-output-title[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);letter-spacing:.02em;align-items:center;gap:var(--spacing-2);font-weight:600;display:flex}.regex-match-count[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--primary);font-weight:700}.regex-highlight[data-astro-cid-ycsfayq6]{padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;min-height:60px;max-height:240px;margin:0;line-height:1.6;overflow:auto}.regex-mark[data-astro-cid-ycsfayq6]{color:var(--foreground);background:#fbbc0573;border-radius:2px;padding:0 1px}[data-astro-cid-ycsfayq6][data-theme=dark] .regex-mark[data-astro-cid-ycsfayq6]{background:#fbeb3559}.regex-empty[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);font-style:italic}.regex-match-list[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);flex-direction:column;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.regex-match-item[data-astro-cid-ycsfayq6]{padding:var(--spacing-2) var(--spacing-3);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs)}.regex-match-head[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.regex-match-idx[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--primary);flex-shrink:0;font-weight:700}.regex-match-text[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--foreground);background:var(--card);border-radius:var(--radius-sm);word-break:break-all;flex:1;padding:1px 6px}.regex-match-pos[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--muted-foreground);flex-shrink:0}.regex-captures[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-2);gap:var(--spacing-2);flex-wrap:wrap;display:flex}.regex-capture[data-astro-cid-ycsfayq6]{align-items:center;gap:var(--spacing-1);display:inline-flex}.regex-cap-label[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--muted-foreground);font-size:.65rem}.regex-capture[data-astro-cid-ycsfayq6] code[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--chart-4);background:var(--card);border-radius:var(--radius-sm);padding:1px 4px}.regex-no-match[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);padding:var(--spacing-2);font-style:italic}.jwt-warnings[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;display:flex}.jwt-warnings[data-astro-cid-ycsfayq6][hidden]{display:none}.jwt-warn[data-astro-cid-ycsfayq6]{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid;line-height:1.6}.jwt-warn[data-astro-cid-ycsfayq6] strong[data-astro-cid-ycsfayq6]{margin-right:var(--spacing-2);font-weight:700}.jwt-warn-danger[data-astro-cid-ycsfayq6]{background:color-mix(in srgb, var(--destructive) 12%, transparent);border-color:var(--destructive);color:var(--destructive)}.jwt-warn-warn[data-astro-cid-ycsfayq6]{background:color-mix(in srgb, var(--chart-3) 18%, transparent);border-color:var(--chart-3);color:var(--foreground)}.jwt-warn-warn[data-astro-cid-ycsfayq6] strong[data-astro-cid-ycsfayq6]{color:var(--chart-3)}.color-preview[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-md);height:48px;box-shadow:var(--shadow-sm);display:none}@media (width<=768px){.tool-layout[data-astro-cid-ycsfayq6]{gap:var(--spacing-3)}.tool-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-3);flex-direction:column;min-height:auto}.tool-panels[data-astro-cid-ycsfayq6] .panel-input[data-astro-cid-ycsfayq6],.tool-panels[data-astro-cid-ycsfayq6] .panel-output[data-astro-cid-ycsfayq6]{flex:none;height:44vh;min-height:220px}.action-bar[data-astro-cid-ycsfayq6]{padding:var(--spacing-2);flex-wrap:nowrap;overflow-x:auto}.action-bar-group[data-astro-cid-ycsfayq6]{flex-wrap:nowrap}.action-bar-right[data-astro-cid-ycsfayq6]{display:none}.action-pill[data-astro-cid-ycsfayq6]{flex-shrink:0}.shortcut-hint[data-astro-cid-ycsfayq6],.action-kbd[data-astro-cid-ycsfayq6],.copy-btn[data-astro-cid-ycsfayq6]{display:none}.copy-btn[data-astro-cid-ycsfayq6].btn-download{display:inline-flex}.editor-toolbar[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);padding:var(--spacing-2)}.toolbar-btn[data-astro-cid-ycsfayq6]{min-height:36px}.toolbar-btn[data-astro-cid-ycsfayq6]:not(.toolbar-btn-icon){padding:6px var(--spacing-2)}.toolbar-select-label[data-astro-cid-ycsfayq6],.fs-label[data-astro-cid-ycsfayq6],.toolbar-sep[data-astro-cid-ycsfayq6]{display:none}.panel-actions[data-astro-cid-ycsfayq6]{width:100%;min-width:0}.actions-stack[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);padding:var(--spacing-2) 0;flex-direction:row;justify-content:center;overflow-x:auto}.action-btn[data-astro-cid-ycsfayq6]{flex-shrink:0;width:56px;height:56px}.mobile-copy-fab[data-astro-cid-ycsfayq6]{display:block}.features-grid[data-astro-cid-ycsfayq6],.related-grid[data-astro-cid-ycsfayq6]{grid-template-columns:1fr}.usecase-item[data-astro-cid-ycsfayq6]{padding:var(--spacing-4)}.tool-layout-password[data-astro-cid-ycsfayq6]{flex-direction:column}.tool-layout-password[data-astro-cid-ycsfayq6] .panel-options[data-astro-cid-ycsfayq6],.tool-layout-password[data-astro-cid-ycsfayq6] .panel-output[data-astro-cid-ycsfayq6]{flex:none}.opt-checkbox-grid[data-astro-cid-ycsfayq6],.regex-inputs[data-astro-cid-ycsfayq6],.regex-body[data-astro-cid-ycsfayq6]{grid-template-columns:1fr}.tool-hero[data-astro-cid-ycsfayq6].page-hero{padding:var(--spacing-6) 0 var(--spacing-4)}.tool-hero[data-astro-cid-ycsfayq6] .page-hero-title[data-astro-cid-ycsfayq6]{font-size:var(--text-xl)}.tool-hero[data-astro-cid-ycsfayq6] .page-hero-subtitle[data-astro-cid-ycsfayq6]{font-size:var(--text-sm)}.tool-hero[data-astro-cid-ycsfayq6] .page-hero-icon-wrap[data-astro-cid-ycsfayq6]{width:48px;height:48px;margin-bottom:var(--spacing-3)}.tool-hero-breadcrumb[data-astro-cid-ycsfayq6]{font-size:var(--text-xs)}}@media (width<=480px){.tool-panels[data-astro-cid-ycsfayq6] .panel-input[data-astro-cid-ycsfayq6],.tool-panels[data-astro-cid-ycsfayq6] .panel-output[data-astro-cid-ycsfayq6]{height:40vh;min-height:200px}}.fields-panel[data-astro-cid-ycsfayq6]{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.field-item[data-astro-cid-ycsfayq6]{flex-direction:column;gap:4px;display:flex}.field-label[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);font-weight:600}.field-select[data-astro-cid-ycsfayq6],.field-input[data-astro-cid-ycsfayq6]{height:32px;padding:0 var(--spacing-3);border:1px solid var(--input);border-radius:var(--radius-sm);background:var(--background);color:var(--foreground);font-size:var(--text-sm);font-family:var(--font-sans)}.field-select[data-astro-cid-ycsfayq6]:focus,.field-input[data-astro-cid-ycsfayq6]:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-glow);outline:none}.tool-layout-diff[data-astro-cid-ycsfayq6] .diff-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.tool-layout-diff[data-astro-cid-ycsfayq6] .diff-panels[data-astro-cid-ycsfayq6] .code-area[data-astro-cid-ycsfayq6]{height:300px}.diff-highlight-output[data-astro-cid-ycsfayq6]{margin-top:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:400px;font-family:var(--font-mono);font-size:var(--text-sm);overflow:auto}.diff-line[data-astro-cid-ycsfayq6]{padding:2px var(--spacing-3);white-space:pre-wrap;word-break:break-all}.diff-line-same[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);background:var(--card)}.diff-line-add[data-astro-cid-ycsfayq6]{color:var(--chart-5);background:#34a8531a}.diff-line-del[data-astro-cid-ycsfayq6]{color:var(--chart-2);opacity:.8;background:#ea43351a;text-decoration:line-through}.http-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.http-form-body[data-astro-cid-ycsfayq6]{gap:var(--spacing-3);flex-direction:column;display:flex}.http-form-row[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);display:flex}.http-method-sel[data-astro-cid-ycsfayq6]{flex-shrink:0;width:120px}.http-url-input[data-astro-cid-ycsfayq6]{flex:1}.http-form-section[data-astro-cid-ycsfayq6]{flex-direction:column;gap:4px;display:flex}.http-section-label[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);font-weight:600}.http-kv-area[data-astro-cid-ycsfayq6],.http-body-area[data-astro-cid-ycsfayq6]{height:80px}.http-output-tabs[data-astro-cid-ycsfayq6]{align-items:center;gap:4px;display:flex}.http-tab[data-astro-cid-ycsfayq6]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-xs);cursor:pointer;padding:4px 12px;transition:all .2s}.http-tab-active[data-astro-cid-ycsfayq6]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.qrcode-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.qrcode-display[data-astro-cid-ycsfayq6]{min-height:300px;padding:var(--spacing-4);border:1px dashed var(--border);border-radius:var(--radius);background:var(--card);justify-content:center;align-items:center;display:flex}.qrcode-placeholder[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);font-size:var(--text-sm)}.image-b64-panels[data-astro-cid-ycsfayq6],.palette-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.image-b64-dropzone[data-astro-cid-ycsfayq6],.palette-dropzone[data-astro-cid-ycsfayq6]{padding:var(--spacing-8);border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:var(--spacing-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.image-b64-dropzone[data-astro-cid-ycsfayq6]:hover,.palette-dropzone[data-astro-cid-ycsfayq6]:hover{border-color:var(--primary);background:var(--accent)}.dropzone-icon[data-astro-cid-ycsfayq6]{width:48px;height:48px;color:var(--muted-foreground);margin-bottom:var(--spacing-2)}.dropzone-text[data-astro-cid-ycsfayq6]{font-size:var(--text-sm);color:var(--foreground);font-weight:600}.dropzone-hint[data-astro-cid-ycsfayq6]{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:4px}.image-b64-preview[data-astro-cid-ycsfayq6],.palette-grid[data-astro-cid-ycsfayq6]{min-height:200px;padding:var(--spacing-3);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.image-b64-placeholder[data-astro-cid-ycsfayq6],.palette-placeholder[data-astro-cid-ycsfayq6]{color:var(--muted-foreground);font-size:var(--text-sm)}.palette-thumb[data-astro-cid-ycsfayq6]{margin-bottom:var(--spacing-3);border-radius:var(--radius);overflow:hidden}.palette-thumb[data-astro-cid-ycsfayq6] img[data-astro-cid-ycsfayq6]{max-width:100%;height:auto;display:block}.palette-swatch[data-astro-cid-ycsfayq6]{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:flex-end;width:80px;height:80px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.palette-swatch[data-astro-cid-ycsfayq6]:hover{transform:scale(1.05)}.palette-swatch[data-astro-cid-ycsfayq6] span[data-astro-cid-ycsfayq6]{font-size:10px;font-family:var(--font-mono);color:#fff;background:#000000b3;border-radius:2px;margin-bottom:4px;padding:2px 4px}.code-shot-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.code-shot-preview[data-astro-cid-ycsfayq6]{padding:var(--spacing-4);justify-content:center;display:flex}.code-shot-card[data-astro-cid-ycsfayq6]{border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:400px;max-width:600px;overflow:hidden}.code-shot-header[data-astro-cid-ycsfayq6]{padding:var(--spacing-3);gap:6px;display:flex}.code-shot-dot[data-astro-cid-ycsfayq6]{border-radius:50%;width:12px;height:12px}.code-shot-dot-red[data-astro-cid-ycsfayq6]{background:#ff5f56}.code-shot-dot-yellow[data-astro-cid-ycsfayq6]{background:#ffbd2e}.code-shot-dot-green[data-astro-cid-ycsfayq6]{background:#27c93f}.code-shot-code[data-astro-cid-ycsfayq6]{padding:var(--spacing-4);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-all;line-height:1.6;overflow-x:auto}.code-shot-theme-dark[data-astro-cid-ycsfayq6]{background:#1d1d1c}.code-shot-theme-dark[data-astro-cid-ycsfayq6] .code-shot-code[data-astro-cid-ycsfayq6]{color:#eff1f4}.code-shot-theme-light[data-astro-cid-ycsfayq6]{background:#fff}.code-shot-theme-light[data-astro-cid-ycsfayq6] .code-shot-code[data-astro-cid-ycsfayq6]{color:#0e1115}.code-shot-theme-monokai[data-astro-cid-ycsfayq6]{background:#272822}.code-shot-theme-monokai[data-astro-cid-ycsfayq6] .code-shot-code[data-astro-cid-ycsfayq6]{color:#f8f8f2}.code-shot-theme-dracula[data-astro-cid-ycsfayq6]{background:#282a36}.code-shot-theme-dracula[data-astro-cid-ycsfayq6] .code-shot-code[data-astro-cid-ycsfayq6]{color:#f8f8f2}.contrast-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.contrast-form[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);flex-direction:column;display:flex}.contrast-field[data-astro-cid-ycsfayq6]{flex-direction:column;gap:4px;display:flex}.contrast-color-row[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);align-items:center;display:flex}.color-picker[data-astro-cid-ycsfayq6]{border:1px solid var(--input);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:40px;height:32px;padding:2px}.contrast-result[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);flex-direction:column;align-items:center;display:flex}.contrast-preview[data-astro-cid-ycsfayq6]{width:100%;padding:var(--spacing-6);border-radius:var(--radius);text-align:center;border:1px solid var(--border)}.contrast-preview-text[data-astro-cid-ycsfayq6]{font-size:var(--text-lg);font-weight:600}.contrast-ratio[data-astro-cid-ycsfayq6]{font-size:var(--text-2xl);font-weight:700;font-family:var(--font-mono)}.contrast-badges[data-astro-cid-ycsfayq6]{gap:var(--spacing-2);flex-wrap:wrap;justify-content:center;display:flex}.contrast-badge[data-astro-cid-ycsfayq6]{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:4px 10px;font-weight:600}.contrast-badge-pass[data-astro-cid-ycsfayq6]{color:var(--chart-5);background:#34a85326}.contrast-badge-fail[data-astro-cid-ycsfayq6]{color:var(--chart-2);background:#ea433526}.ascii-panels[data-astro-cid-ycsfayq6]{gap:var(--spacing-4);grid-template-columns:320px 1fr;display:grid}.ascii-query-input[data-astro-cid-ycsfayq6]{height:40px;margin-bottom:var(--spacing-3)}.ascii-table-wrap[data-astro-cid-ycsfayq6]{border:1px solid var(--border);border-radius:var(--radius);max-height:600px;overflow-y:auto}.ascii-table[data-astro-cid-ycsfayq6]{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ascii-table[data-astro-cid-ycsfayq6] th[data-astro-cid-ycsfayq6]{background:var(--muted);padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--border);font-weight:600;position:sticky;top:0}.ascii-table[data-astro-cid-ycsfayq6] td[data-astro-cid-ycsfayq6]{padding:4px var(--spacing-3);border-bottom:1px solid var(--border)}.ascii-table[data-astro-cid-ycsfayq6] tr[data-astro-cid-ycsfayq6]:hover td[data-astro-cid-ycsfayq6]{background:var(--accent)}.ascii-char[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--primary);font-weight:600}@media (width<=768px){.diff-panels[data-astro-cid-ycsfayq6],.http-panels[data-astro-cid-ycsfayq6],.qrcode-panels[data-astro-cid-ycsfayq6],.image-b64-panels[data-astro-cid-ycsfayq6],.palette-panels[data-astro-cid-ycsfayq6],.code-shot-panels[data-astro-cid-ycsfayq6],.contrast-panels[data-astro-cid-ycsfayq6],.ascii-panels[data-astro-cid-ycsfayq6]{grid-template-columns:1fr}.tool-layout-diff[data-astro-cid-ycsfayq6] .diff-panels[data-astro-cid-ycsfayq6] .code-area[data-astro-cid-ycsfayq6]{height:220px}.http-form-row[data-astro-cid-ycsfayq6]{flex-direction:column}.http-method-sel[data-astro-cid-ycsfayq6]{width:100%}.code-shot-card[data-astro-cid-ycsfayq6]{min-width:unset;width:100%}.ascii-panels[data-astro-cid-ycsfayq6]{grid-template-columns:1fr}.panel-http-output[data-astro-cid-ycsfayq6] .code-area[data-astro-cid-ycsfayq6]{flex:none;height:200px}.contrast-result[data-astro-cid-ycsfayq6]{gap:var(--spacing-2)}.contrast-preview[data-astro-cid-ycsfayq6]{padding:var(--spacing-3)}}