.hero-bg-wrapper[data-astro-cid-j7pv25f6]{position:relative;margin:calc(-1 * var(--space-6)) calc(-50vw + 50%) 0 calc(-50vw + 50%);padding:var(--space-3) calc(50vw - 50%) var(--space-4);width:100vw;overflow:hidden}.hero-bg-wrapper[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;inset:0;background-image:url(/images/hero-bg.png);background-size:100% auto;background-position:top center;background-repeat:no-repeat;z-index:0}.hero-bg-overlay[data-astro-cid-j7pv25f6]{position:absolute;inset:0;background:#0f172a59;z-index:1}.hero-bg-wrapper[data-astro-cid-j7pv25f6]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#0f172a);z-index:2;pointer-events:none}.hero-bg-content[data-astro-cid-j7pv25f6]{position:relative;z-index:3}.content-wrapper[data-astro-cid-j7pv25f6]{position:relative;z-index:1;background-color:#0f172a;margin:0 calc(-50vw + 50%);padding:0 calc(50vw - 50%);width:100vw}.seo-h1[data-astro-cid-j7pv25f6]{font-size:42px;font-weight:800;margin-bottom:12px;text-align:center}.seo-subtitle[data-astro-cid-j7pv25f6]{text-align:center;font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;margin:0 auto var(--space-8);line-height:1.7}.tool-page[data-astro-cid-j7pv25f6]{padding-top:var(--space-4);padding-bottom:var(--space-8)}.tool-layout[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:280px 1fr;gap:var(--space-6);align-items:start}.controls-panel[data-astro-cid-j7pv25f6]{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #10b9811a;border-radius:var(--radius-xl);padding:var(--space-3);position:sticky;top:calc(var(--nav-height) + var(--space-2))}.control-group[data-astro-cid-j7pv25f6]{margin-bottom:8px}.control-group[data-astro-cid-j7pv25f6]:last-child{margin-bottom:0}.control-label[data-astro-cid-j7pv25f6]{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:4px}.control-row[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-2)}.slider[data-astro-cid-j7pv25f6]{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--color-border);border-radius:3px;outline:none;cursor:pointer}.slider[data-astro-cid-j7pv25f6]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-white);box-shadow:var(--shadow-sm)}.slider[data-astro-cid-j7pv25f6]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-white);box-shadow:var(--shadow-sm)}.number-input[data-astro-cid-j7pv25f6]{width:56px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);background:#02061780;transition:all var(--transition-fast)}.number-input[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b852633;background:#020617cc}.diameter-inline[data-astro-cid-j7pv25f6]{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary);white-space:nowrap;flex-shrink:0}.radio-group[data-astro-cid-j7pv25f6]{display:flex;gap:4px;background:#02061780;padding:4px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.radio-group--wrap[data-astro-cid-j7pv25f6]{flex-wrap:wrap}.radio-option[data-astro-cid-j7pv25f6]{flex:1;text-align:center;position:relative;padding:6px var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:all var(--transition-base)}.radio-option[data-astro-cid-j7pv25f6]:hover{color:var(--color-text)}.radio-option[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=radio]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radio-option[data-astro-cid-j7pv25f6]:has(input[type=radio]:checked){background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #3b85264d}.checkbox-label[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-label[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.smooth-inline[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:6px}.smooth-inline[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6][type=checkbox]{accent-color:var(--color-primary);width:14px;height:14px;cursor:pointer}.smooth-inline[data-astro-cid-j7pv25f6]:hover{color:var(--color-text)}.control-divider[data-astro-cid-j7pv25f6]{height:1px;background:#ffffff0d;margin:8px 0}.stats-row[data-astro-cid-j7pv25f6]{display:flex;gap:8px;flex-wrap:wrap}.stat-chip[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--color-text-secondary);font-family:var(--font-mono);background:#0000004d;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);white-space:nowrap}.stat-value[data-astro-cid-j7pv25f6]{font-weight:var(--weight-bold);color:var(--color-text)}.export-buttons[data-astro-cid-j7pv25f6]{display:flex;gap:6px;flex-wrap:nowrap;margin-top:2px}.btn[data-astro-cid-j7pv25f6]{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:var(--weight-medium);cursor:pointer;border:none;transition:all var(--transition-fast);min-height:30px}.btn-primary[data-astro-cid-j7pv25f6]{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #3b85264d}.btn-primary[data-astro-cid-j7pv25f6]:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary[data-astro-cid-j7pv25f6]{background:#ffffff0d;color:var(--color-text);border:1px solid rgba(255,255,255,.1)}.btn-secondary[data-astro-cid-j7pv25f6]:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b85261a}.btn[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6]{flex-shrink:0}.canvas-area[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center}.canvas-wrapper[data-astro-cid-j7pv25f6]{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at center,#1e293b,#020617);box-shadow:inset 0 0 40px #00000080,0 10px 30px -10px #00000080;border-top:1px solid rgba(16,185,129,.4);width:100%;aspect-ratio:1}#circle-canvas[data-astro-cid-j7pv25f6]{display:block;cursor:crosshair;width:100%;height:100%}.contrast-swatches[data-astro-cid-j7pv25f6]{display:flex;gap:12px}.swatch[data-astro-cid-j7pv25f6]{display:flex;width:64px;height:32px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;padding:0;transition:all var(--transition-fast);background:none}.swatch[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{flex:1;display:block}.swatch[data-astro-cid-j7pv25f6]:hover{border-color:#ffffff4d}.swatch[data-astro-cid-j7pv25f6].active{border-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.info-bar[data-astro-cid-j7pv25f6]{margin-top:var(--space-3);padding:12px 20px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:12px;text-align:center;font-size:14px;color:#94a3b8}.info-bar[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{color:#10b981;font-weight:700}.canvas-toolbar[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);width:fit-content}.toolbar-btn[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toolbar-btn[data-astro-cid-j7pv25f6]:hover{background:var(--color-primary-subtle);color:var(--color-primary)}.toolbar-divider[data-astro-cid-j7pv25f6]{width:1px;height:20px;background:var(--color-border);margin:0 var(--space-1)}.coord-text[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);white-space:nowrap}.thickness-group[data-astro-cid-j7pv25f6].is-hidden{display:none}.seo-content[data-astro-cid-j7pv25f6]{margin-top:0;padding-top:96px;background-color:#0f172a;position:relative;z-index:1;max-width:960px;margin-left:auto;margin-right:auto;text-align:center}.seo-content[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:36px;font-weight:800;margin-top:96px;margin-bottom:24px;text-align:center}.seo-content[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]:first-child{margin-top:0}.section-intro[data-astro-cid-j7pv25f6]{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-6);font-size:18px;max-width:700px;margin-left:auto;margin-right:auto}.section-outro[data-astro-cid-j7pv25f6]{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-top:var(--space-6);font-size:var(--text-sm)}.seo-content[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--color-primary);text-decoration:none}.seo-content[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{text-decoration:underline}.timeline[data-astro-cid-j7pv25f6]{position:relative;padding-left:60px;margin-top:var(--space-6);text-align:left;display:inline-block}.timeline[data-astro-cid-j7pv25f6]:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:#10b98133}.timeline-step[data-astro-cid-j7pv25f6]{position:relative;margin-bottom:48px}.timeline-step[data-astro-cid-j7pv25f6]:last-child{margin-bottom:0}.timeline-marker[data-astro-cid-j7pv25f6]{position:absolute;left:-60px;top:0;width:40px;height:40px;border-radius:50%;background:#10b9811a;border:2px solid #10b981;display:flex;align-items:center;justify-content:center}.timeline-marker[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:#10b981;font-size:16px;font-weight:700}.timeline-content[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:20px;font-weight:700;color:var(--color-text);margin:0 0 8px}.timeline-content[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:15px;color:#94a3b8;line-height:1.7;margin:0}.features-grid-v2[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:var(--space-6)}.feature-card-v2[data-astro-cid-j7pv25f6]{display:flex;gap:20px;align-items:flex-start;text-align:left;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px;transition:all var(--transition-fast)}.feature-card-v2[data-astro-cid-j7pv25f6]:hover{border-color:#10b9814d;box-shadow:0 8px 24px #0000004d}.feature-icon-v2[data-astro-cid-j7pv25f6]{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;color:#10b981}.feature-card-v2[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}.feature-card-v2[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:15px;color:#94a3b8;line-height:1.7;margin:0}.diagram-row[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:var(--space-6)}.diagram-row--two[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}.diagram-card[data-astro-cid-j7pv25f6]{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px;text-align:center;transition:all var(--transition-fast);position:relative}.diagram-card[data-astro-cid-j7pv25f6]:hover{border-color:#10b9814d;box-shadow:0 8px 24px #0000004d}.diagram-card[data-astro-cid-j7pv25f6] canvas[data-astro-cid-j7pv25f6]{width:100%;max-width:400px;height:auto;aspect-ratio:1;border-radius:var(--radius-md);margin:0 auto var(--space-4);background:#f8fafc;display:block;border:1px solid rgba(255,255,255,.05)}.diagram-card--labeled[data-astro-cid-j7pv25f6] canvas[data-astro-cid-j7pv25f6]{max-width:500px;aspect-ratio:5/6}.diagram-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}.diagram-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:15px;color:#94a3b8;line-height:1.7;margin:0}.diagram-badge[data-astro-cid-j7pv25f6]{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.02em;margin-bottom:var(--space-2)}.diagram-badge--cyan[data-astro-cid-j7pv25f6]{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.diagram-badge--amber[data-astro-cid-j7pv25f6]{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.diagram-tip[data-astro-cid-j7pv25f6]{display:block;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--weight-medium)}.sizes-table-wrapper[data-astro-cid-j7pv25f6]{margin-top:var(--space-4);overflow-x:auto;text-align:left}.sizes-table[data-astro-cid-j7pv25f6]{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin:0 auto}.sizes-table[data-astro-cid-j7pv25f6] th[data-astro-cid-j7pv25f6]{padding:var(--space-3) var(--space-4);text-align:left;background:#10b9811a;color:var(--color-primary);font-weight:var(--weight-semibold);border-bottom:2px solid rgba(16,185,129,.3);white-space:nowrap}.sizes-table[data-astro-cid-j7pv25f6] td[data-astro-cid-j7pv25f6]{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap}.sizes-table[data-astro-cid-j7pv25f6] tbody[data-astro-cid-j7pv25f6] tr[data-astro-cid-j7pv25f6]:hover{background:#10b9810d}.sizes-table[data-astro-cid-j7pv25f6] td[data-astro-cid-j7pv25f6]:first-child{font-weight:var(--weight-semibold);color:var(--color-text)}.related-tools-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-4)}.related-tool-card[data-astro-cid-j7pv25f6]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.related-tool-card[data-astro-cid-j7pv25f6]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.related-tool-icon-img[data-astro-cid-j7pv25f6]{width:44px;height:44px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));display:block}.related-tool-info[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text);margin:0 0 2px}.related-tool-info[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:11px;color:var(--color-text-muted);margin:0}.faq-section[data-astro-cid-j7pv25f6]{margin-top:var(--space-12);background-color:#0f172a;position:relative;z-index:1;max-width:960px;margin-left:auto;margin-right:auto;text-align:center}.faq-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-6);text-align:center}.faq-item[data-astro-cid-j7pv25f6]{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden;text-align:left}.faq-question[data-astro-cid-j7pv25f6]{padding:var(--space-4);font-weight:var(--weight-semibold);cursor:pointer;list-style:none;font-size:var(--text-base);color:var(--color-text);transition:background var(--transition-fast)}.faq-question[data-astro-cid-j7pv25f6]:hover{background:var(--color-bg-alt)}.faq-question[data-astro-cid-j7pv25f6]::-webkit-details-marker{display:none}.faq-question[data-astro-cid-j7pv25f6]:before{content:"+";margin-right:var(--space-3);color:var(--color-primary);font-weight:var(--weight-bold)}.faq-item[data-astro-cid-j7pv25f6][open] .faq-question[data-astro-cid-j7pv25f6]:before{content:"−"}.faq-answer[data-astro-cid-j7pv25f6]{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}@media(max-width:767px){.tool-layout[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.controls-panel[data-astro-cid-j7pv25f6]{position:static;order:-1}.seo-h1[data-astro-cid-j7pv25f6]{font-size:32px}.seo-content[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:28px}.features-grid-v2[data-astro-cid-j7pv25f6],.diagram-row[data-astro-cid-j7pv25f6],.diagram-row--two[data-astro-cid-j7pv25f6]{grid-template-columns:1fr}.related-tools-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}.timeline[data-astro-cid-j7pv25f6]{padding-left:50px}.slider[data-astro-cid-j7pv25f6]::-webkit-slider-thumb{width:28px;height:28px}.slider[data-astro-cid-j7pv25f6]::-moz-range-thumb{width:28px;height:28px}}@media(min-width:768px)and (max-width:1023px){.tool-layout[data-astro-cid-j7pv25f6]{grid-template-columns:240px 1fr}.features-grid-v2[data-astro-cid-j7pv25f6],.diagram-row[data-astro-cid-j7pv25f6],.related-tools-grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}}