*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,svg{display:block;max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}ol,ul{list-style:none;padding:0}a{color:inherit;text-decoration:none}:root{--color-primary:#2563ea;--color-primary-hover:#1d4fc4;--color-primary-active:#1a46ab;--color-primary-tint:#eaf0fe;--color-primary-tint-strong:#d7e3fd;--color-text:#14161a;--color-text-secondary:#565d6b;--color-text-tertiary:#6b7280;--color-text-on-primary:#ffffff;--color-bg:#ffffff;--color-bg-subtle:#f6f7f9;--color-bg-inset:#eef0f3;--color-border:#e3e5ea;--color-border-strong:#8a93a0;--color-bg-inverse:#0f1115;--color-bg-inverse-elevated:#1a1d23;--color-border-inverse:rgba(255,255,255,0.12);--color-text-inverse-secondary:rgba(255,255,255,0.75);--color-text-inverse-tertiary:rgba(255,255,255,0.5);--color-primary-inverse:#5b84ef;--color-focus-ring:rgba(37,99,234,0.35);--shadow-sm:0 1px 2px rgba(20,22,26,0.06);--shadow-md:0 6px 20px rgba(20,22,26,0.08);--font-sans:var(--font-geist),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--text-xs:0.8125rem;--text-sm:0.9375rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.875rem;--text-2xl:2.5rem;--text-3xl:3.25rem;--space-2xs:0.375rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-width:1200px;--container-padding:1.5rem;--header-height:76px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--transition-fast:150ms ease;--transition-base:200ms ease}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--color-bg)}body,h1,h2,h3,h4{color:var(--color-text)}h1,h2,h3,h4{font-weight:700;line-height:1.15;letter-spacing:-.03em}h3,h4{letter-spacing:-.015em}p{color:var(--color-text-secondary)}a{transition:color var(--transition-fast)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:calc(var(--container-width) + (var(--container-padding) * 2));margin-inline:auto;padding-inline:var(--container-padding)}.section{padding-block:var(--space-3xl);border-block-end:1px solid var(--color-border)}#blog{border-block-end:none}.section--subtle{background:var(--color-bg-subtle)}.section--dark{background:var(--color-bg-inverse);border-block-end:none}.section-heading{max-width:640px;margin-block-end:var(--space-2xl)}.section-heading--split{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-sm) var(--space-lg)}.section-heading h1,.section-heading h2{font-size:var(--text-2xl);margin-block-start:var(--space-xs)}.section-heading__subtitle{margin-block-start:var(--space-sm);font-size:var(--text-md)}.eyebrow{display:block;font-size:var(--text-sm);font-weight:700;letter-spacing:-.01em;color:var(--color-primary)}.eyebrow--inverse{color:#ffffff}.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}.skip-link{position:absolute;left:var(--space-md);top:-48px;z-index:1000;background:var(--color-primary);color:var(--color-text-on-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-md)}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.75rem 1.375rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active)}.btn--sm{padding:.625rem 1.125rem;font-size:var(--text-xs)}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);flex-shrink:0}.link-arrow .icon{width:16px;height:16px;transition:transform var(--transition-fast)}.link-arrow:hover .icon{transform:translateX(3px)}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-block-end:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);height:var(--header-height)}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand__logo{height:28px;width:auto}.main-nav__list{display:flex;align-items:center;gap:var(--space-xl)}.main-nav__list a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.main-nav__list a:hover{color:var(--color-text)}.main-nav__list a[aria-current=page]{color:var(--color-primary)}.site-header__actions{display:flex;align-items:center;gap:var(--space-md)}.nav-toggle{align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);position:relative}.nav-backdrop,.nav-toggle,.nav-toggle__icon--close{display:none}.page-intro{background:var(--color-primary);padding-block:var(--space-4xl) var(--space-3xl)}.page-intro__inner{max-width:640px}.page-intro .hero__title{color:#ffffff}.page-intro .hero__subtitle{color:rgba(255,255,255,.9)}.hero{padding-block:var(--space-3xl)}.hero__inner{display:grid;grid-template-columns:1fr;gap:var(--space-2xl)}.hero__content{max-width:560px}.hero__media{position:relative;aspect-ratio:6/7;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.hero__media img{display:block;width:100%;height:100%;object-fit:cover}.hero__title{font-size:var(--text-2xl)}.hero__subtitle,.hero__title{margin-block-start:var(--space-md)}.hero__subtitle{font-size:var(--text-md);max-width:520px}.tool-search{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-2xs);padding-inline-start:var(--space-md);margin-block-start:var(--space-2xl);max-width:480px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.tool-search__icon{color:var(--color-text-tertiary)}.tool-search__input{flex:1;min-width:0;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text);padding-block:var(--space-sm)}.tool-search__input:focus{outline:none}.tool-search__input::placeholder{color:var(--color-text-tertiary)}.tool-search__submit{flex-shrink:0}.hero__badges{margin-block-start:var(--space-lg);display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg)}.hero__badges li{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.hero__badges .icon{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.how-it-works{background:var(--color-primary);padding-block:var(--space-3xl)}.how-it-works__title{font-size:var(--text-xl);color:#ffffff;margin-block-start:var(--space-sm);margin-block-end:var(--space-2xl);max-width:480px}.steps{display:grid;grid-template-columns:1fr;gap:var(--space-xl);list-style:none;counter-reset:step}.step__number{display:block;font-size:var(--text-lg);font-weight:600;color:rgba(255,255,255,.7);margin-block-end:var(--space-md)}.step__title{font-size:var(--text-md);color:#ffffff;margin-block-end:var(--space-2xs)}.step__desc{font-size:var(--text-sm);color:rgba(255,255,255,.9);max-width:320px}.browser-mock{border:1px solid var(--color-border-inverse);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);background:var(--color-bg-inverse)}.browser-mock__bar{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-bg-inverse-elevated);border-block-end:1px solid var(--color-border-inverse)}.browser-mock__dots{display:flex;gap:var(--space-xs);flex-shrink:0}.browser-mock__dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}.browser-mock__url{flex:1;max-width:320px;margin-inline:auto;background:var(--color-bg-inverse);border:1px solid var(--color-border-inverse);border-radius:var(--radius-full);padding:var(--space-2xs) var(--space-md);font-size:var(--text-xs);color:var(--color-text-inverse-tertiary);text-align:center}.browser-mock__body{padding:var(--space-lg);background:var(--color-bg-inverse)}.mock-toolbar{flex-wrap:wrap;gap:var(--space-md);margin-block-end:var(--space-lg)}.mock-search,.mock-toolbar{display:flex;align-items:center}.mock-search{gap:var(--space-xs);background:var(--color-bg-inverse-elevated);border:1px solid var(--color-border-inverse);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--color-text-inverse-tertiary);flex:1;min-width:180px}.mock-search .icon{width:16px;height:16px}.mock-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mock-filter{font-size:var(--text-xs);font-weight:500;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);background:var(--color-bg-inverse-elevated);border:1px solid var(--color-border-inverse);color:var(--color-text-inverse-secondary)}.mock-filter--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.mock-tile{background:var(--color-bg-inverse-elevated);border:1px solid var(--color-border-inverse);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.mock-tile__icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary-tint);color:var(--color-primary);border-radius:var(--radius-sm)}.mock-tile__icon .icon{width:18px;height:18px}.mock-tile__label{font-size:var(--text-sm);font-weight:600;color:#ffffff}.mock-tile__meta{font-size:var(--text-xs);color:var(--color-text-inverse-tertiary)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.category-card__link{display:block;height:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.category-card__link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-card__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-primary-tint);color:var(--color-primary);margin-block-end:var(--space-md)}.category-card__title{font-size:var(--text-md);margin-block-end:var(--space-2xs)}.category-card__desc{font-size:var(--text-sm)}.tool-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.tool-grid.tool-grid--single{grid-template-columns:1fr;max-width:600px}.empty-note{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;font-size:var(--text-sm)}.empty-note a{color:var(--color-primary);font-weight:600}.tool-card__link{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--color-bg-inverse);border:1px solid var(--color-border-inverse);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tool-card__link:hover{border-color:var(--color-primary);box-shadow:0 8px 24px rgba(37,99,234,.25)}.tool-card__link:hover .tool-card__cta{color:#ffffff}.tool-card__link:hover .tool-card__cta .icon{transform:translateX(3px)}.tool-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--color-primary-tint);color:var(--color-primary);flex-shrink:0}.tool-card__body{flex:1;min-width:0}.tool-card__title{font-size:var(--text-md);margin-block-end:var(--space-2xs);color:#ffffff}.tool-card__desc{font-size:var(--text-sm);color:var(--color-text-inverse-secondary)}.tool-card__cta{display:none;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);font-weight:600;color:var(--color-primary-inverse);flex-shrink:0;white-space:nowrap;align-self:center;transition:color var(--transition-fast)}.tool-card__cta .icon{width:16px;height:16px;transition:transform var(--transition-fast)}.post-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.post-card__link{display:block;height:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.post-card__link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.post-card__tag{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--color-primary);margin-block-end:var(--space-sm)}.post-card__title{font-size:var(--text-md);margin-block-end:var(--space-xs)}.post-card__desc{font-size:var(--text-sm);margin-block-end:var(--space-md)}.post-card__meta{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary)}.back-link{display:flex;width:fit-content;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-block-end:var(--space-xl)}.back-link:hover{color:var(--color-primary)}.back-link .icon{width:16px;height:16px;transform:rotate(180deg)}.post-header__meta{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-block:var(--space-md) var(--space-2xl);padding-block-end:var(--space-xl);border-block-end:1px solid var(--color-border)}.post-cta{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-block:var(--space-xl)}.post-cta p{margin:0;font-size:var(--text-sm);color:var(--color-text)}.post-footer{margin-block-start:var(--space-xl);padding-block-start:var(--space-xl);border-block-start:1px solid var(--color-border)}.cta-band{position:relative;overflow:hidden;padding-block:var(--space-4xl)}.cta-band__media{position:absolute;inset:0;z-index:0}.cta-band__media img{display:block;width:100%;height:100%;object-fit:cover}.cta-band__overlay{position:absolute;inset:0;background:rgba(15,17,21,.76)}.cta-band__inner{position:relative;z-index:1;text-align:center;max-width:560px}.cta-band__title{font-size:var(--text-xl);color:#ffffff;margin-block-start:var(--space-sm)}.cta-band__subtitle{margin-block:var(--space-sm) var(--space-xl);font-size:var(--text-md);color:rgba(255,255,255,.78)}.cta-band__inner .btn--primary{box-shadow:0 8px 24px rgba(0,0,0,.35)}.mission{max-width:720px;margin-inline:auto;text-align:center}.mission h2{color:#ffffff;font-size:var(--text-2xl);margin-block-start:var(--space-sm)}@media (min-width:768px){.mission h2{font-size:var(--text-3xl)}}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:start}.form-field{display:flex;flex-direction:column;gap:var(--space-xs);margin-block-end:var(--space-lg)}.form-field label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.form-field textarea{resize:vertical;min-height:140px}.form-success{display:none;align-items:flex-start;gap:var(--space-sm);background:var(--color-primary-tint);border:1px solid var(--color-primary-tint-strong);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin-block-end:var(--space-lg);color:var(--color-primary-hover);font-size:var(--text-sm)}.form-success.is-visible{display:flex}.form-success .icon{flex-shrink:0;margin-block-start:.15em}.contact-info{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl)}.article>.contact-info{margin-block-start:var(--space-xl)}.contact-info__item{display:flex;gap:var(--space-md);align-items:flex-start}.contact-info__item+.contact-info__item{margin-block-start:var(--space-lg);padding-block-start:var(--space-lg);border-block-start:1px solid var(--color-border)}.contact-info__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-primary);flex-shrink:0}.contact-info__title{font-weight:600;margin-block-end:var(--space-2xs)}.contact-info__desc,.contact-info__title{font-size:var(--text-sm)}.article{max-width:720px}.article__updated{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-block-end:var(--space-xl)}.article h2{font-size:var(--text-lg);margin-block-start:var(--space-2xl);margin-block-end:var(--space-sm)}.article h2:first-of-type{margin-block-start:0}.article p{font-size:var(--text-sm);line-height:1.7;margin-block-end:var(--space-md)}.article ol,.article ul{padding-inline-start:1.25rem;margin-block-end:var(--space-md)}.article ul{list-style:disc}.article ol{list-style:decimal}.article li{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary);margin-block-end:var(--space-xs)}.article a{color:var(--color-primary);font-weight:500}.site-footer{background:var(--color-bg-inverse)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);padding-block:var(--space-3xl) var(--space-2xl)}.footer-brand__desc{margin-block-start:var(--space-md);font-size:var(--text-sm);max-width:320px;color:var(--color-text-inverse-secondary)}.footer-nav__title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-inverse-tertiary);margin-block-end:var(--space-md)}.footer-nav ul{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-nav a{font-size:var(--text-sm);color:var(--color-text-inverse-secondary)}.footer-nav a:hover{color:#ffffff}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-md);padding-block:var(--space-lg);border-block-start:1px solid var(--color-border-inverse);font-size:var(--text-xs);color:var(--color-text-inverse-tertiary)}.footer-legal{display:flex;gap:var(--space-lg)}.footer-legal a{color:var(--color-text-inverse-tertiary)}.footer-legal a:hover{color:#ffffff}@media (max-width:899px){.site-header{z-index:1000}.nav-toggle{display:inline-flex;z-index:103}.main-nav{position:fixed;inset:var(--header-height) 0 0 auto;z-index:102;width:min(86vw,360px);background:var(--color-bg);padding:var(--space-xl) var(--container-padding);overflow-y:auto;overscroll-behavior:contain;border-inline-start:1px solid var(--color-border);box-shadow:-12px 0 32px rgba(20,22,26,.14);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform var(--transition-base),visibility var(--transition-base)}.main-nav.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.nav-backdrop{display:block;position:fixed;inset:var(--header-height) 0 0;z-index:101;width:auto;height:auto;padding:0;border:0;border-radius:0;background:rgba(15,17,21,.48)}.main-nav__list{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.main-nav__list a{display:block;font-size:var(--text-md);font-weight:600;color:var(--color-text);padding-block:var(--space-xs)}.nav-toggle[aria-expanded=true] .nav-toggle__icon--open,.site-header__actions .btn--primary{display:none}.nav-toggle[aria-expanded=true] .nav-toggle__icon--close{display:block}}@media (max-width:479px){:root{--container-padding:1.25rem}.tool-search{display:grid;grid-template-columns:auto minmax(0,1fr);border-radius:var(--radius-md)}.tool-search__input{grid-column:2;width:100%}.tool-search__icon{grid-column:1;grid-row:1}.tool-search__submit{grid-column:1/-1;width:100%}.mock-grid{grid-template-columns:1fr}}@media (min-width:640px){.hero__title{font-size:var(--text-3xl)}.category-grid,.mock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.section-heading h1,.section-heading h2{font-size:var(--text-3xl)}.how-it-works__title{font-size:var(--text-2xl)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xl)}.step{padding-inline-start:var(--space-xl);border-inline-start:1px solid rgba(255,255,255,.22)}.step:first-child{padding-inline-start:0;border-inline-start:none}.tool-card__cta{display:inline-flex}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-bottom{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width:900px){.main-nav__list{display:flex}}@media (min-width:1024px){.hero__title{font-size:3.75rem}.hero{padding-block:var(--space-4xl)}.hero__inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--space-3xl);align-items:stretch}.hero__media{aspect-ratio:auto;min-height:0}.hero__media img{position:absolute;inset:0}.category-grid,.mock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.footer-grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tool-page-workspace{background:var(--color-bg)}.calculator-tool-page{max-width:1080px}.calculator-tool-page__header{max-width:760px;margin-block-end:var(--space-2xl)}.calculator-tool-page__header h1{margin-block:var(--space-xs) var(--space-sm);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl))}.calculator-tool-page__header>p:last-child{color:var(--color-text-secondary);font-size:var(--text-md)}.calculator-form-workspace{display:grid;gap:var(--space-xl);align-items:start}.calculator-form-card,.calculator-results-card{padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.calculator-form-card{background:var(--color-bg);box-shadow:var(--shadow-sm)}.calculator-results-card{display:flex;min-height:280px;background:var(--color-bg-subtle)}.calculator-form-fields{display:grid;gap:var(--space-md)}.calculator-form-fields .form-field{min-width:0}.calculator-form-field--full{grid-column:1/-1}.calculator-field-hint{color:var(--color-text-tertiary);font-size:var(--text-xs)}.calculator-form-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block-start:var(--space-sm)}.calculator-form-actions .btn{min-width:120px}.btn--secondary{background:var(--color-bg);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-text-tertiary)}.calculator-form-error{margin-block:calc(var(--space-sm) * -1) var(--space-md);padding:var(--space-sm) var(--space-md);background:#fff1f0;border:1px solid #ffc9c5;border-radius:var(--radius-sm);color:#9f2d25;font-size:var(--text-sm)}.calculator-result-placeholder,.calculator-result-summary{width:100%}.calculator-result-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);text-align:center}.calculator-result-placeholder p:last-child{max-width:340px}.calculator-result-summary__value{display:block;margin-block:var(--space-sm);color:var(--color-primary);font-size:clamp(2rem,7vw,3.25rem);font-weight:700;line-height:1.1;overflow-wrap:anywhere}.calculator-result-summary__detail{color:var(--color-text-secondary);font-size:var(--text-sm)}.calculator-result-list{display:grid;gap:0;margin-block-start:var(--space-xl);border-block-start:1px solid var(--color-border)}.calculator-result-list>div{display:flex;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-sm);border-block-end:1px solid var(--color-border)}.calculator-result-list dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.calculator-result-list dd{color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-align:right;overflow-wrap:anywhere}.calculator-result-note{margin-block-start:var(--space-lg)}.calculator-method-note,.calculator-result-note{color:var(--color-text-secondary);font-size:var(--text-xs)}.calculator-method-note{max-width:760px;margin:var(--space-xl) auto 0;padding:var(--space-md) var(--space-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.calculator-method-note p+p{margin-block-start:var(--space-xs)}.calculator-method-note a{color:var(--color-primary);font-weight:600}.calculator-workspace{display:grid;grid-template-columns:minmax(0,520px);justify-content:center;gap:var(--space-xl)}.calculator{padding:var(--space-lg);background:var(--color-bg-inverse);border:1px solid var(--color-border-inverse);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.calculator__display{min-height:120px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:var(--space-xs);overflow:hidden;margin-block-end:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-inverse-elevated);border:1px solid var(--color-border-inverse);border-radius:var(--radius-md)}.calculator__expression{width:100%;overflow:hidden;color:var(--color-text-inverse-tertiary);font-size:var(--text-sm);text-align:right;text-overflow:ellipsis;white-space:nowrap}.calculator__result-row{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-width:0}.calculator__result{width:auto;min-width:0;flex:1;overflow:hidden;color:#ffffff;font-size:clamp(2.25rem,9vw,3.5rem);font-weight:600;line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.calculator__display-delete{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;padding:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#ffffff;font-size:1.5rem;font-weight:500;line-height:1}.calculator__display-delete:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}.calculator__display-delete:active{transform:scale(.94)}.calculator__keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.calculator__key{min-height:64px;border:1px solid var(--color-border-inverse);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:600;transition:background-color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.calculator__key:hover{border-color:rgba(255,255,255,.3)}.calculator__key:active{transform:scale(.96)}.calculator__key--number{background:var(--color-bg-inverse-elevated);color:#ffffff}.calculator__key--number:hover{background:#242832}.calculator__key--utility{background:var(--color-bg-inset);color:var(--color-text)}.calculator__key--utility:hover{background:#dfe2e7}.calculator__key--equals,.calculator__key--operator{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff}.calculator__key--equals:hover,.calculator__key--operator:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.calculator__key--wide{grid-column:span 2}.calculator-history{padding:var(--space-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.calculator-history__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.calculator-history h2{font-size:var(--text-md)}.calculator-history button{padding:var(--space-2xs) var(--space-xs);background:transparent;border:0;color:var(--color-primary);font-size:var(--text-xs);font-weight:600}.calculator-history ol{display:flex;flex-direction:column;gap:var(--space-sm);margin-block-start:var(--space-md)}.calculator-history li{padding-block-start:var(--space-sm);border-block-start:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);overflow-wrap:anywhere}.calculator-history>p{margin-block-start:var(--space-md);font-size:var(--text-sm)}.text-tool-workspace{display:grid;gap:var(--space-xl);align-items:start}.text-tool-card{min-width:0;padding:var(--space-xl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.text-analysis,.text-tool-output-card{background:var(--color-bg-subtle)}.text-editor{display:flex;flex-direction:column;gap:var(--space-xs)}.text-editor__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.text-editor__label-row label{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.text-editor__label-row span{flex-shrink:0;color:var(--color-text-tertiary);font-size:var(--text-xs)}.text-editor textarea{width:100%;min-height:320px;resize:vertical;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--text-sm);line-height:1.65;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-editor textarea:focus,.text-tool-inline-fields input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.text-tool-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block-start:var(--space-lg)}.text-tool-actions .btn{min-width:120px}.text-tool-actions .btn:disabled{cursor:not-allowed;opacity:.52}.text-tool-inline-fields{display:grid;gap:var(--space-md);margin-block-start:var(--space-lg)}.text-tool-inline-fields label{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--color-text);font-size:var(--text-sm);font-weight:600}.text-tool-inline-fields input{min-width:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.text-tool-options{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-block-start:var(--space-lg);padding:var(--space-md);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.text-tool-options label{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm)}.text-tool-options input{width:1rem;height:1rem;accent-color:var(--color-primary)}.text-tool-note,.text-tool-status{margin-block-start:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-xs)}.text-analysis__primary{display:block;margin-block:var(--space-xs) var(--space-xl);color:var(--color-primary);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1;overflow-wrap:anywhere}.text-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.text-stat-grid>div{min-width:0;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.text-stat-grid dt{color:var(--color-text-secondary);font-size:var(--text-xs)}.text-stat-grid dd{margin-block-start:var(--space-2xs);color:var(--color-text);font-size:var(--text-md);font-weight:700;overflow-wrap:anywhere}.text-tool-result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-block-end:var(--space-lg)}.text-tool-result-heading h2{margin-block-start:var(--space-2xs);font-size:var(--text-lg)}.text-tool-result-heading>span{color:var(--color-text-tertiary);font-size:var(--text-sm)}.frequency-table-wrap{max-height:420px;overflow:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.frequency-table{width:100%;border-collapse:collapse;background:var(--color-bg);font-size:var(--text-sm)}.frequency-table td,.frequency-table th{padding:var(--space-sm) var(--space-md);border-block-end:1px solid var(--color-border);text-align:left}.frequency-table th{position:sticky;inset-block-start:0;background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600}.frequency-table td:nth-child(n+2),.frequency-table th:nth-child(n+2){text-align:right}.text-tool-empty{display:grid;min-height:280px;place-items:center;padding:var(--space-xl);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center}.ocr-language,.ocr-upload{display:flex;flex-direction:column;gap:var(--space-xs)}.ocr-language,.ocr-upload>label{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.ocr-language select,.ocr-upload input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.ocr-upload input::file-selector-button{margin-inline-end:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:600}.ocr-upload>p{color:var(--color-text-tertiary);font-size:var(--text-xs)}.ocr-language{margin-block-start:var(--space-lg)}.ocr-language select{font-weight:400}.ocr-settings{display:grid;gap:var(--space-md);margin-block-start:var(--space-lg)}.ocr-settings label{display:flex;min-width:0;flex-direction:column;gap:var(--space-xs);color:var(--color-text);font-size:var(--text-sm);font-weight:600}.ocr-settings select{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:400}.ocr-language select:focus,.ocr-settings select:focus,.ocr-upload input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.ocr-preview{display:grid;min-height:260px;max-height:420px;margin-block-start:var(--space-lg);overflow:hidden;place-items:center;background:var(--color-bg-subtle);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.ocr-preview img{display:block;width:100%;height:100%;max-height:420px;object-fit:contain}.ocr-preview p{padding:var(--space-xl);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.ocr-progress{width:100%;height:8px;margin-block-start:var(--space-lg);overflow:hidden;background:var(--color-bg-inset);border-radius:999px}.ocr-progress span{display:block;height:100%;background:var(--color-primary);border-radius:inherit;transition:width var(--transition-base)}@media (min-width:600px){.ocr-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:900px){.calculator-form-workspace{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}.calculator-form-fields--two{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-workspace{grid-template-columns:minmax(0,520px) minmax(240px,320px);align-items:start}.text-tool-inline-fields,.text-tool-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.calculator-form-card,.calculator-results-card{padding:var(--space-lg)}.calculator-form-actions .btn{width:100%}.text-tool-card{padding:var(--space-lg)}.text-editor textarea{min-height:240px}.text-tool-actions .btn{width:100%}.text-stat-grid{grid-template-columns:1fr}.calculator{margin-inline:calc(var(--container-padding) * -.35);padding:var(--space-md)}.calculator__key{min-height:56px}}.image-tool-workspace{display:grid;gap:var(--space-xl);align-items:start}.image-upload{display:flex;flex-direction:column;gap:var(--space-xs)}.image-upload>label{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.image-upload input{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.image-upload input::file-selector-button{margin-inline-end:var(--space-md);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:600}.image-upload>p{color:var(--color-text-tertiary);font-size:var(--text-xs);overflow-wrap:anywhere}.image-upload .image-file-summary{color:var(--color-text-secondary)}.image-preview{display:grid;min-height:260px;max-height:480px;margin-block-start:var(--space-lg);overflow:hidden;place-items:center;background:var(--color-bg-inset);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}.image-preview img{display:block;width:100%;height:100%;max-height:478px;object-fit:contain}.image-preview>p{padding:var(--space-xl);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.image-controls{margin-block-start:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.image-control-grid,.image-controls{display:grid;gap:var(--space-md)}.image-control-grid>label,.image-quality{display:flex;min-width:0;flex-direction:column;gap:var(--space-xs);color:var(--color-text);font-size:var(--text-sm);font-weight:600}.image-control-grid input:not([type=range]),.image-control-grid select{width:100%;min-width:0;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:400}.image-control-grid input:focus,.image-control-grid select:focus,.image-upload input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-focus-ring)}.image-quality>span{display:flex;justify-content:space-between;gap:var(--space-md)}.image-quality output{color:var(--color-primary)}.image-quality input{width:100%;accent-color:var(--color-primary)}.image-quality--disabled{opacity:.55}.image-check-option{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.image-check-option input{width:1rem;height:1rem;accent-color:var(--color-primary)}.image-control-note{color:var(--color-text-tertiary);font-size:var(--text-xs)}.image-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-block-start:var(--space-lg)}.image-stat-grid>div{min-width:0;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.image-stat-grid dt{color:var(--color-text-secondary);font-size:var(--text-xs)}.image-stat-grid dd{margin-block-start:var(--space-2xs);color:var(--color-text);font-size:var(--text-sm);font-weight:700;overflow-wrap:anywhere}.color-picker-canvas-wrap,.crop-canvas-wrap{position:relative;display:grid;margin-block-start:var(--space-lg);overflow:hidden;place-items:center;background:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-picker-canvas,.crop-canvas{display:block;width:auto;max-width:100%;height:auto;max-height:620px;cursor:crosshair;touch-action:none}.color-picker-canvas-wrap{width:fit-content;max-width:100%;margin-inline:auto}.color-picker-marker{position:absolute;width:22px;height:22px;border:3px solid #ffffff;border-radius:var(--radius-full);box-shadow:0 0 0 2px #14161a,0 2px 8px rgba(0,0,0,.35);pointer-events:none;transform:translate(-50%,-50%)}.selected-color-swatch{min-height:150px;margin-block-start:var(--space-lg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.color-value-list{display:grid;gap:var(--space-sm);margin-block-start:var(--space-lg)}.color-value-list>div{justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-value-list>div,.color-value-list>div>div{display:flex;align-items:center;gap:var(--space-md)}.color-value-list>div>div{min-width:0}.color-value-list span{width:34px;flex-shrink:0;color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:700}.color-value-list code{color:var(--color-text);font-size:var(--text-sm);overflow-wrap:anywhere}.color-value-list button{flex-shrink:0;padding:var(--space-2xs) var(--space-sm);background:var(--color-primary-tint);border:0;border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--text-xs);font-weight:700}.color-value-list button:disabled{cursor:not-allowed;opacity:.5}.image-palette{margin-block-start:var(--space-xl)}.image-palette h3{font-size:var(--text-md)}.image-palette>div{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-xs);margin-block-start:var(--space-sm)}.image-palette button{min-width:0;aspect-ratio:1;border:2px solid var(--color-bg);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-border-strong)}.image-palette p{margin-block-start:var(--space-sm);font-size:var(--text-sm)}@media (min-width:600px){.image-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-control-grid--crop{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px){.image-tool-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.image-controls{padding:var(--space-md)}.image-preview{min-height:220px}.image-stat-grid{grid-template-columns:1fr}.color-value-list>div,.color-value-list>div>div{align-items:flex-start}.color-value-list>div>div{flex-direction:column;gap:var(--space-2xs)}.image-palette>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-geist:"Geist","Geist Fallback"}