@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--ink: #171717;--canvas: #ffffff;--canvas-soft: #fafafa;--canvas-soft-2: #f5f5f5;--body: #4d4d4d;--mute: #888888;--hairline: #ebebeb;--hairline-strong: #a1a1a1;--link: #0070f3;--link-deep: #0761d1;--error: #ee0000;--success: #0070f3;--warning: #f5a623;--cyan: #50e3c2;--violet: #7928ca;--pink: #ff0080;--grad-dev-start: #007cf0;--grad-dev-end: #00dfd8;--grad-preview-start: #7928ca;--grad-preview-end: #ff0080;--grad-ship-start: #ff4d4d;--grad-ship-end: #f9cb28;--shadow-sm: 0 0 0 1px rgba(0,0,0,.08);--shadow-md: 0px 1px 1px rgba(0,0,0,.02), 0px 2px 2px rgba(0,0,0,.04);--shadow-lg: 0px 2px 2px rgba(0,0,0,.04), 0px 8px 16px -4px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 100px;--page-width: 1200px;--gutter: 24px}html{font-family:var(--font-sans);background-color:var(--canvas-soft);color:var(--ink);scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;background:var(--canvas-soft)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;line-height:1.2;color:var(--ink)}h1{font-size:2.5rem;letter-spacing:-1.5px;line-height:1.1}h2{font-size:1.75rem;letter-spacing:-.8px}h3{font-size:1.25rem;letter-spacing:-.4px}p{line-height:1.7;color:var(--body)}a{color:var(--link);text-decoration:none;transition:color .2s}a:hover{color:var(--link-deep)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--gutter)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:500;font-size:1rem;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--ink);color:var(--canvas);padding:0 24px;height:48px;border-radius:var(--radius-pill)}.btn-primary:hover{background:#333;color:var(--canvas);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--canvas);color:var(--ink);padding:0 24px;height:48px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--canvas-soft-2);color:var(--ink);transform:translateY(-1px)}.card{background:var(--canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),var(--shadow-md);padding:24px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-sm),var(--shadow-lg);transform:translateY(-2px)}.section{padding:64px 0}.section-dark{background:var(--ink);color:var(--canvas)}.section-dark h2,.section-dark h3{color:var(--canvas)}.section-dark p{color:var(--hairline-strong)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--canvas-soft-2);border-radius:9999px;font-size:.8125rem;color:var(--body)}strong{font-weight:600;color:var(--ink)}.text-mute{color:var(--mute)}.text-body{color:var(--body)}.mono{font-family:var(--font-mono)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tip-box{background:var(--canvas-soft-2);border-left:3px solid var(--grad-dev-start);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;margin:24px 0;font-size:.9375rem;color:var(--body)}.note-box{background:#fff8e6;border-left:3px solid var(--warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;margin:24px 0;font-size:.9375rem;color:var(--body)}.faq-item{border-bottom:1px solid var(--hairline);padding:20px 0}.faq-item:last-child{border-bottom:none}.faq-q{font-size:1.0625rem;font-weight:600;color:var(--ink);margin-bottom:8px}.faq-a{font-size:.9375rem;line-height:1.7;color:var(--body)}.toc{background:var(--canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px 28px;margin:32px 0}.toc-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);margin-bottom:12px}.toc ol{list-style:none;counter-reset:toc;padding:0}.toc li{counter-increment:toc;margin-bottom:8px}.toc li:before{content:counter(toc) ".";color:var(--mute);font-size:.875rem;margin-right:8px;font-family:var(--font-mono)}.toc a{font-size:.9375rem;color:var(--body)}.toc a:hover{color:var(--link)}.content-img{margin:32px 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.content-img img{width:100%}.compare-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.9375rem}.compare-table th{background:var(--canvas-soft-2);font-family:var(--font-mono);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);padding:10px 16px;text-align:left}.compare-table td{padding:12px 16px;border-bottom:1px solid var(--hairline);color:var(--body)}.compare-table .highlight{color:var(--grad-dev-start);font-weight:500}.quick-answer{background:var(--canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--shadow-md);padding:24px 28px;margin:24px 0;font-size:.9375rem;line-height:1.8;color:var(--body);border-left:4px solid var(--grad-dev-start)}.related-tools{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.related-tool-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-pill);font-size:.875rem;color:var(--body);text-decoration:none;transition:all .2s}.related-tool-link:hover{border-color:var(--link);color:var(--link);background:#f0f7ff}.date-badge{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--mute);margin:16px 0}@media(max-width:768px){:root{--gutter: 16px}h1{font-size:1.75rem;letter-spacing:-.8px}h2{font-size:1.375rem;letter-spacing:-.5px}.section{padding:48px 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--canvas-soft)}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--hairline-strong)}.navbar[data-astro-cid-5blmo7yk]{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);height:64px}.navbar-inner[data-astro-cid-5blmo7yk]{height:64px;display:flex;align-items:center;justify-content:space-between}.logo[data-astro-cid-5blmo7yk]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.logo-text[data-astro-cid-5blmo7yk]{font-weight:600;font-size:.9375rem;letter-spacing:-.3px}.nav-links[data-astro-cid-5blmo7yk]{display:flex;gap:4px}.nav-link[data-astro-cid-5blmo7yk]{padding:6px 12px;font-size:.875rem;font-weight:400;color:var(--body);text-decoration:none;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap}.nav-link[data-astro-cid-5blmo7yk]:hover{color:var(--ink);background:var(--canvas-soft-2)}.nav-link[data-astro-cid-5blmo7yk].active{color:var(--ink);font-weight:500}.mobile-toggle[data-astro-cid-5blmo7yk]{display:none;flex-direction:column;justify-content:space-between;width:28px;height:18px;background:transparent;border:none;cursor:pointer;padding:0}.mobile-toggle[data-astro-cid-5blmo7yk] .line[data-astro-cid-5blmo7yk]{width:100%;height:2px;background:var(--ink);border-radius:1px;transition:transform .3s,opacity .3s}@media(max-width:768px){.mobile-toggle[data-astro-cid-5blmo7yk]{display:flex}.nav-links[data-astro-cid-5blmo7yk]{position:fixed;inset:64px 0 0;flex-direction:column;background:var(--canvas);padding:16px;gap:2px;transform:translate(100%);transition:transform .3s ease;z-index:99}.nav-links[data-astro-cid-5blmo7yk].active{transform:translate(0)}.nav-link[data-astro-cid-5blmo7yk]{font-size:1.0625rem;padding:12px 16px;border-radius:var(--radius-md)}.nav-link[data-astro-cid-5blmo7yk]:hover,.nav-link[data-astro-cid-5blmo7yk].active{background:var(--canvas-soft-2)}.mobile-toggle[data-astro-cid-5blmo7yk].active .line[data-astro-cid-5blmo7yk]:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-toggle[data-astro-cid-5blmo7yk].active .line[data-astro-cid-5blmo7yk]:nth-child(2){opacity:0}.mobile-toggle[data-astro-cid-5blmo7yk].active .line[data-astro-cid-5blmo7yk]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.footer[data-astro-cid-sz7xmlte]{margin-top:auto;background:var(--canvas);border-top:1px solid var(--hairline);padding:48px 0 24px}.footer-inner[data-astro-cid-sz7xmlte]{margin-bottom:32px}.footer-nav[data-astro-cid-sz7xmlte]{display:flex;gap:64px}.footer-col[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:8px}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-family:var(--font-mono);font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);margin-bottom:8px}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:.875rem;color:var(--body);text-decoration:none;transition:color .2s}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--ink)}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--hairline);padding-top:20px}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:.8125rem;color:var(--mute)}@media(max-width:480px){.footer-nav[data-astro-cid-sz7xmlte]{flex-direction:column;gap:32px}}