.search-box[data-astro-cid-r7un4vgc]{width:100%;position:relative}.search-box__inner[data-astro-cid-r7un4vgc]{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;display:flex;overflow:hidden}.search-box__inner[data-astro-cid-r7un4vgc]:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.search-box__icon[data-astro-cid-r7un4vgc]{margin-left:var(--space-4);color:var(--color-text-tertiary);pointer-events:none;flex-shrink:0}.search-box__input[data-astro-cid-r7un4vgc]{min-width:0;padding:var(--space-3) var(--space-3);font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.search-box__input[data-astro-cid-r7un4vgc]::placeholder{color:var(--color-text-tertiary)}.search-box__kbd[data-astro-cid-r7un4vgc]{margin-right:var(--space-3);padding:2px var(--space-2);font-family:inherit;font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);pointer-events:none;white-space:nowrap;flex-shrink:0}@media (width<=768px){.search-box__kbd[data-astro-cid-r7un4vgc]{display:none}}.search-box--large[data-astro-cid-r7un4vgc] .search-box__inner[data-astro-cid-r7un4vgc]{border-radius:var(--radius-md)}.search-box--large[data-astro-cid-r7un4vgc] .search-box__input[data-astro-cid-r7un4vgc]{padding:var(--space-4) var(--space-4);font-size:var(--text-base)}.search-box--compact[data-astro-cid-r7un4vgc]{width:auto;min-width:0;max-width:220px}.search-box--compact[data-astro-cid-r7un4vgc] .search-box__inner[data-astro-cid-r7un4vgc]{height:40px}.search-box--compact[data-astro-cid-r7un4vgc] .search-box__icon[data-astro-cid-r7un4vgc]{margin-left:var(--space-3)}.search-box--compact[data-astro-cid-r7un4vgc] .search-results[data-astro-cid-r7un4vgc]{width:360px;left:auto;right:0}@media (width<=1024px){.search-box--compact[data-astro-cid-r7un4vgc]{max-width:180px}.search-box--compact[data-astro-cid-r7un4vgc] .search-results[data-astro-cid-r7un4vgc]{width:320px}}@media (width<=768px){.search-box--compact[data-astro-cid-r7un4vgc]{width:100%;max-width:100%}.search-box--compact[data-astro-cid-r7un4vgc] .search-results[data-astro-cid-r7un4vgc]{width:100%;left:0;right:auto}}.search-results[data-astro-cid-r7un4vgc]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;max-height:420px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.search-results[data-astro-cid-r7un4vgc] .search-results__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);transition:background var(--transition);border-bottom:1px solid var(--color-border-light);text-decoration:none;display:flex}.search-results[data-astro-cid-r7un4vgc] .search-results__item:last-child{border-bottom:none}.search-results[data-astro-cid-r7un4vgc] .search-results__item:hover,.search-results[data-astro-cid-r7un4vgc] .search-results__item--active{background:var(--color-subtle);outline:2px solid var(--color-primary);outline-offset:-2px;text-decoration:none}.search-results[data-astro-cid-r7un4vgc] .search-results__icon{background:var(--color-bg-secondary);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;line-height:1;display:flex}.search-results[data-astro-cid-r7un4vgc] .search-results__icon svg{width:18px;height:18px}.search-results[data-astro-cid-r7un4vgc] .search-results__icon--search{color:var(--color-text-tertiary);background:0 0}.search-results[data-astro-cid-r7un4vgc] .search-results__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-results[data-astro-cid-r7un4vgc] .search-results__title{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-results[data-astro-cid-r7un4vgc] .search-results__desc{font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-results[data-astro-cid-r7un4vgc] .search-results__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.search-results[data-astro-cid-r7un4vgc] mark{color:var(--color-primary);font-weight:var(--font-semibold);background:#2563eb26;border-radius:2px;padding:0 1px}.search-results[data-astro-cid-r7un4vgc] .search-results__empty{padding:var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.search-results[data-astro-cid-r7un4vgc] .search-results__item--all{border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.search-results[data-astro-cid-r7un4vgc] .search-results__item--all:hover,.search-results[data-astro-cid-r7un4vgc] .search-results__item--all.search-results__item--active{background:var(--color-subtle)}.search-box__input[data-astro-cid-r7un4vgc]::-webkit-search-cancel-button{cursor:pointer}.search-box__input[data-astro-cid-r7un4vgc]::-webkit-search-decoration{cursor:pointer}.search-box__input[data-astro-cid-r7un4vgc]::-ms-clear{cursor:pointer}.search-box__input[data-astro-cid-r7un4vgc]::-ms-reveal{cursor:pointer}.header[data-astro-cid-bi27l4kv]{z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0}.header__inner[data-astro-cid-bi27l4kv]{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--header-height);min-height:var(--header-height);max-width:1120px;padding-right:var(--space-3);flex-wrap:nowrap;display:flex;overflow:visible}.header__logo[data-astro-cid-bi27l4kv]{align-items:center;gap:var(--space-2);font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text);flex-shrink:0;text-decoration:none;display:flex}.header__logo-icon[data-astro-cid-bi27l4kv]{background-image:url(/favicon-light.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:28px;height:28px;display:block}:root[data-theme=dark] .header__logo-icon[data-astro-cid-bi27l4kv]{background-image:url(/favicon-dark.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .header__logo-icon[data-astro-cid-bi27l4kv]{background-image:url(/favicon-dark.svg)}}.header__nav[data-astro-cid-bi27l4kv]{flex:1 1 0;min-width:0;overflow:visible}.header__nav-list[data-astro-cid-bi27l4kv]{gap:var(--space-1);white-space:nowrap;padding-bottom:2px;list-style:none;display:flex;overflow:visible}.header__nav-list[data-astro-cid-bi27l4kv]::-webkit-scrollbar{width:0;height:0}.header__nav-link[data-astro-cid-bi27l4kv]{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);text-decoration:none;display:block}.header__nav-link[data-astro-cid-bi27l4kv]:hover{color:var(--color-text);background:var(--color-subtle);text-decoration:none}.header__nav-link--active[data-astro-cid-bi27l4kv]{color:var(--color-primary);font-weight:var(--font-medium)}.header__theme-btn[data-astro-cid-bi27l4kv]{border:1px solid var(--color-border);border-radius:var(--radius);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__language[data-astro-cid-bi27l4kv]{border:1px solid var(--color-border);border-radius:var(--radius);padding:2px;padding-left:var(--space-2);flex-shrink:0;align-items:center;gap:2px;display:flex}.header__language-icon[data-astro-cid-bi27l4kv]{color:var(--color-text-tertiary);flex-shrink:0;margin-right:2px}.header__language-link[data-astro-cid-bi27l4kv]{border-radius:var(--radius-sm);min-width:30px;height:30px;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header__language-link[data-astro-cid-bi27l4kv]:hover,.header__language-link--active[data-astro-cid-bi27l4kv]{background:var(--color-subtle);color:var(--color-text);text-decoration:none}.header__theme-btn[data-astro-cid-bi27l4kv]:hover{background:var(--color-subtle);color:var(--color-text)}.theme-icon[data-astro-cid-bi27l4kv]{width:18px;height:18px;display:block;position:relative}.theme-icon__svg[data-astro-cid-bi27l4kv]{display:none;position:absolute;top:0;left:0}:root[data-theme-icon=moon] .theme-icon__svg--moon[data-astro-cid-bi27l4kv],:root[data-theme-icon=sun] .theme-icon__svg--sun[data-astro-cid-bi27l4kv]{display:block}.header__menu-btn[data-astro-cid-bi27l4kv]{border:1px solid var(--color-border);border-radius:var(--radius);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:8px;display:none}.header__menu-btn[data-astro-cid-bi27l4kv] span[data-astro-cid-bi27l4kv]{background:var(--color-text);border-radius:2px;width:16px;height:2px;display:block}.header__mobile-nav[data-astro-cid-bi27l4kv]{border-top:1px solid var(--color-border);padding:var(--space-4);background:var(--color-bg)}.header__mobile-nav[data-astro-cid-bi27l4kv] ul[data-astro-cid-bi27l4kv]{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.header__mobile-link[data-astro-cid-bi27l4kv]{padding:var(--space-3) var(--space-4);color:var(--color-text);border-radius:var(--radius);transition:background var(--transition);text-decoration:none;display:block}.header__mobile-link[data-astro-cid-bi27l4kv]:hover{background:var(--color-subtle);text-decoration:none}@media (width<=1024px){.header__inner[data-astro-cid-bi27l4kv]{gap:var(--space-2)}.header__nav-list[data-astro-cid-bi27l4kv]{gap:0}.header__logo-text[data-astro-cid-bi27l4kv]{display:none}.header__nav-link[data-astro-cid-bi27l4kv]{padding-inline:6px;font-size:13px}}@media (width<=900px){.header__nav[data-astro-cid-bi27l4kv]{display:none}.header__menu-btn[data-astro-cid-bi27l4kv]{display:flex}}@media (width<=640px){.header__logo-text[data-astro-cid-bi27l4kv]{display:none}}.footer[data-astro-cid-ubon47vl]{margin-top:var(--space-16);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.footer__inner[data-astro-cid-ubon47vl]{justify-content:space-between;align-items:flex-start;gap:var(--space-8);padding:var(--space-10) 0 var(--space-8);display:flex}.footer__logo[data-astro-cid-ubon47vl]{align-items:center;gap:var(--space-2);font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2);text-decoration:none;display:flex}.footer__logo[data-astro-cid-ubon47vl]:hover{text-decoration:none}.footer__logo-icon[data-astro-cid-ubon47vl]{background-image:url(/favicon-light.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;display:block}:root[data-theme=dark] .footer__logo-icon[data-astro-cid-ubon47vl]{background-image:url(/favicon-dark.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .footer__logo-icon[data-astro-cid-ubon47vl]{background-image:url(/favicon-dark.svg)}}.footer__tagline[data-astro-cid-ubon47vl]{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer__nav[data-astro-cid-ubon47vl] ul[data-astro-cid-ubon47vl]{gap:var(--space-5);flex-wrap:wrap;list-style:none;display:flex}.footer__nav[data-astro-cid-ubon47vl] a[data-astro-cid-ubon47vl]{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition);text-decoration:none}.footer__nav[data-astro-cid-ubon47vl] a[data-astro-cid-ubon47vl]:hover{color:var(--color-text);text-decoration:none}.footer__bottom[data-astro-cid-ubon47vl]{padding:var(--space-5) 0;border-top:1px solid var(--color-border);text-align:center}.footer__bottom[data-astro-cid-ubon47vl] p[data-astro-cid-ubon47vl]{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (width<=640px){.footer__inner[data-astro-cid-ubon47vl]{flex-direction:column}.footer__nav[data-astro-cid-ubon47vl] ul[data-astro-cid-ubon47vl]{gap:var(--space-3);flex-direction:column}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-success:#16a344;--color-success-light:#f0fdf4;--color-warning:#f59e0b;--color-info:#8b5cf6;--color-encoding:#16a344;--color-json:#2563eb;--color-generate:#f59e0b;--color-calculate:#16a344;--color-web:#2563eb;--color-yaml:#2563eb;--color-toml:#8b5cf6;--color-properties:#16a344;--color-xml:#2563eb;--color-sql:#16a344;--color-regex:#437af1;--color-datetime:#f59e0b;--color-markdown:#2563eb;--color-csv:#16a344;--color-html-css:#2563eb;--color-js:#f59e0b;--color-code-generation:#7c3aed;--color-diff:#f59e0b;--color-image:#db2777;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-bg:#fff;--color-bg-secondary:#f9fafb;--color-subtle:#f3f4f6;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--max-width:900px;--header-height:60px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:4px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition:.15s ease;--transition-md:.2s ease}[data-theme=dark]{--color-text:#f9fafb;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-bg:#111827;--color-bg-secondary:#1f2937;--color-subtle:#1f2937;--color-border:#374151;--color-border-light:#1f2937;--color-primary-light:#1e3a5f;--color-success-light:#14291e;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000059, 0 2px 4px #00000040;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-text:#f9fafb;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-bg:#111827;--color-bg-secondary:#1f2937;--color-subtle:#1f2937;--color-border:#374151;--color-border-light:#1f2937;--color-primary-light:#1e3a5f;--color-success-light:#14291e;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 6px #00000059, 0 2px 4px #00000040;--shadow-lg:0 10px 15px #0006, 0 4px 6px #0000004d}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{flex-direction:column;min-height:100vh;line-height:1.6;display:flex}main{flex:1}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:var(--font-bold);color:var(--color-text)}p{line-height:1.7}button{cursor:pointer;font-family:inherit}textarea,input{font-family:inherit}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-5);margin:0 auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}body,.header,.tool-widget,.tool-card,.faq__list,.faq-item,.category-card,.step,.feature-card,input,textarea,select{transition:background-color var(--transition-md), border-color var(--transition-md), color var(--transition-md)}[data-theme=dark] textarea,[data-theme=dark] input,[data-theme=dark] select{color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) textarea,:root:not([data-theme=light]) input,:root:not([data-theme=light]) select{color-scheme:dark}}