.breadcrumb[data-astro-cid-fq43h22j]{margin-bottom:var(--space-6)}.breadcrumb[data-astro-cid-fq43h22j] ol[data-astro-cid-fq43h22j]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;font-size:var(--font-size-sm)}.breadcrumb[data-astro-cid-fq43h22j] li[data-astro-cid-fq43h22j]{display:flex;align-items:center;gap:var(--space-2);margin:0}.breadcrumb[data-astro-cid-fq43h22j] a[data-astro-cid-fq43h22j]{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb[data-astro-cid-fq43h22j] a[data-astro-cid-fq43h22j]:hover{color:var(--color-primary-600);text-decoration:underline}.breadcrumb[data-astro-cid-fq43h22j] li[data-astro-cid-fq43h22j][aria-current=page] span[data-astro-cid-fq43h22j]{color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.separator[data-astro-cid-fq43h22j]{color:var(--color-gray-300)}.ad-container[data-astro-cid-4zir3cph]{margin:var(--space-8) auto;text-align:center;min-height:90px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.ad-container[data-astro-cid-4zir3cph][data-format=horizontal]{max-width:728px}.ad-container[data-astro-cid-4zir3cph][data-format=rectangle]{min-height:250px;max-width:300px}.ad-container[data-astro-cid-4zir3cph][data-format=vertical]{min-height:600px;max-width:160px}@media (max-width: 768px){.ad-container[data-astro-cid-4zir3cph][data-format=horizontal],.ad-container[data-astro-cid-4zir3cph][data-format=vertical]{display:none}}.tool-page{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-padding);padding-top:var(--space-12)}.tool-container{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 1024px){.tool-container{grid-template-columns:1fr 320px}.tool-header{grid-column:1 / -1}.tool-interface{grid-column:1}.tool-sidebar{grid-column:2;grid-row:2 / 4}.tool-content{grid-column:1}}.tool-header{margin-bottom:var(--space-6);animation:fadeInUp .6s ease-out}.tool-header h1{font-size:clamp(2rem,5vw,var(--font-size-4xl));margin-bottom:var(--space-4);line-height:1.1}.tool-description{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:700px;line-height:var(--line-height-relaxed)}.tool-interface{animation:fadeInUp .6s ease-out .1s backwards}.calc-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);padding:var(--space-8);margin-bottom:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);transition:all var(--transition-normal)}.calc-section:hover{box-shadow:var(--shadow-lg);border-color:#6366f133}.calc-section:last-child{margin-bottom:0}.calc-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-6);color:var(--color-gray-800);display:flex;align-items:center;gap:var(--space-3)}.calc-section h2:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-full)}.input-group{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width: 480px){.input-group{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}}.input-group label{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:.5px}.input-group input,.input-group select{padding:var(--space-4) var(--space-5);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);font-size:var(--font-size-lg);background:#fff;transition:all var(--transition-normal)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #6366f11a}.calc-button{width:100%;padding:var(--space-5) var(--space-8);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-colored);position:relative;overflow:hidden}.calc-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.calc-button:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px #6366f180}.calc-button:hover:before{left:100%}.calc-button:active{transform:translateY(-1px)}.result{padding:var(--space-6);background:linear-gradient(135deg,var(--color-gray-50),white);border-radius:var(--radius-xl);min-height:80px;display:flex;align-items:center;margin-top:var(--space-6);border:2px solid var(--color-gray-100);font-size:var(--font-size-lg);transition:all var(--transition-normal)}.result:not(:empty){border-color:#6366f133;background:linear-gradient(135deg,#6366f10d,#fff)}.result .highlight{color:var(--color-primary-600);font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-large{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);text-align:center;padding:var(--space-10);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-content{margin-top:var(--space-12);animation:fadeInUp .6s ease-out .2s backwards}.tool-content h2{color:var(--color-gray-900);margin-top:var(--space-12);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-100);position:relative}.tool-content h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--gradient-primary)}.tool-content h3{color:var(--color-gray-800);margin-top:var(--space-8);margin-bottom:var(--space-4)}.tool-content p{color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.formula{background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-6);border-radius:var(--radius-xl);font-family:var(--font-mono);font-size:var(--font-size-lg);margin:var(--space-6) 0;overflow-x:auto;box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-700)}.related-tools{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--color-gray-200);animation:fadeInUp .6s ease-out .3s backwards}.related-tools h2{margin-bottom:var(--space-8);text-align:center}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.related-tool-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);transition:all var(--transition-normal);text-decoration:none;color:inherit}.related-tool-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#6366f14d}.related-tool-card:after{display:none}.related-tool-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-gray-900);transition:color var(--transition-fast)}.related-tool-card:hover h3{color:var(--color-primary-600)}.related-tool-card p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0;line-height:var(--line-height-relaxed)}.tool-sidebar{position:sticky;top:var(--space-8);align-self:start}.ad-container{margin:var(--space-8) auto;text-align:center;min-height:90px;background:linear-gradient(135deg,var(--color-gray-100),var(--color-gray-50));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-gray-300)}.ad-container[data-format=rectangle]{min-height:250px}.ad-container[data-format=vertical]{min-height:600px}