@import url(https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);:root{--font-family:"Rethink Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-xs:0.64rem;--font-sm:0.8rem;--font-base:1rem;--font-md:1.25rem;--font-lg:1.563rem;--font-xl:1.953rem;--font-2xl:2.441rem;--font-3xl:3.052rem;--font-4xl:3.815rem;--font-5xl:4.768rem;--color-bg-primary:#fff;--color-bg-secondary:#f5f4f2;--color-bg-tertiary:#edecea;--color-border:#e8e7e5;--color-text-primary:#242424;--color-text-secondary:#242424a6;--color-text-tertiary:#24242480;--color-text-muted:#24242466;--color-accent:#242424;--color-accent-hover:#242424d9;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:80px;--section-padding-x:clamp(16px,5vw,80px);--section-padding-y:clamp(48px,8vh,80px);--content-max-width:1200px;--content-narrow:900px;--section-gap:clamp(48px,6vw,64px);color-scheme:light}*{box-sizing:border-box}body{background:#fff;background:var(--color-bg-primary);color:#242424;color:var(--color-text-primary);font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.app-header{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#edeceab8;border-radius:999px;color:#242424;color:var(--color-text-primary);display:flex;gap:20px;justify-content:space-between;left:50%;max-width:calc(100% - 32px);opacity:1;padding:12px 20px;position:fixed;top:16px;transform:translateX(-50%) translateY(0);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;width:auto;z-index:1000}.app-header--hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-150%)}@media (min-width:480px){.app-header{gap:32px;max-width:calc(100% - 40px);padding:12px 24px;top:18px}}@media (min-width:640px){.app-header{gap:64px;max-width:90%;padding:14px 28px;top:20px}}@media (min-width:768px){.app-header{gap:120px;padding:14px 30px}}@media (min-width:1024px){.app-header{gap:196px;padding:16px 32px}}.app-header__brand{align-items:center;display:flex}.app-header__logo{align-items:center;color:#242424;color:var(--color-text-primary);display:inline-flex;font-size:1.563rem;font-size:var(--font-lg);font-weight:700;justify-content:center;letter-spacing:-.01em;min-height:44px;min-width:44px}@media (min-width:480px){.app-header__logo{font-size:1.953rem;font-size:var(--font-xl)}}@media (min-width:640px){.app-header__logo{font-size:2.441rem;font-size:var(--font-2xl)}}.app-header__burger{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:10px;width:44px}.app-header__burger span{background-color:#242424;background-color:var(--color-text-primary);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:24px}.app-header__nav{align-items:center;display:flex;gap:16px}.app-header__nav-link{align-items:center;color:#242424;color:var(--color-text-primary);display:inline-flex;font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-base);font-weight:500;min-height:44px;padding:8px 12px;transition:color .2s ease}.app-header__nav-link:hover{color:#242424a6;color:var(--color-text-secondary)}.app-header__nav-link--search{gap:8px}.app-header__hotkey{background:#edecea;background:var(--color-bg-tertiary);border:1px solid #e8e7e5;border:1px solid var(--color-border);border-radius:5px;color:#24242480;color:var(--color-text-tertiary);font-family:inherit;font-size:.64rem;font-size:var(--font-xs);font-weight:500;padding:3px 6px}@media (max-width:1023px){.app-header__hotkey{display:none}}.app-header__cta{align-items:center;background:#242424;background:var(--color-text-primary);border-radius:999px;color:#fff;color:var(--color-bg-primary);display:inline-flex;font-family:Rethink Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-base);font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:10px 18px;transition:background .2s ease}.app-header__cta:hover{background:#242424d9;background:var(--color-accent-hover)}.app-header__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#24242466;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:998}.app-header__close{display:none}@media (max-width:1023px){.app-header__burger{display:flex;z-index:10000}.app-header__nav{align-items:center;background:#fff;bottom:0;flex-direction:column;gap:16px;gap:var(--spacing-sm);height:100vh;height:100dvh;justify-content:center;left:50%;opacity:0;padding:48px;padding:var(--spacing-xl);padding-bottom:calc(48px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom, 0px));padding-top:calc(48px + env(safe-area-inset-top, 0px));padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top, 0px));pointer-events:none;position:fixed;top:0;transform:translateX(-50%);transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s ease;visibility:hidden;width:100vw;z-index:9999}.app-header__nav--open{opacity:1;pointer-events:auto;visibility:visible}.app-header__close{align-items:center;background:#f5f4f2;background:var(--color-bg-secondary);border:none;border-radius:50%;color:#242424;color:var(--color-text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:clamp(16px,5vw,80px);right:var(--section-padding-x);top:calc(24px + env(safe-area-inset-top, 0px));top:calc(var(--spacing-md) + env(safe-area-inset-top, 0px));transition:background .2s ease,transform .2s ease;width:48px;z-index:10001}.app-header__close:hover{background:#edecea;background:var(--color-bg-tertiary);transform:scale(1.05)}.app-header__close:active{transform:scale(.95)}.app-header__nav-link{border-radius:16px;color:#242424;color:var(--color-text-primary);font-size:2.441rem;font-size:var(--font-2xl);font-weight:600;justify-content:center;padding:16px 32px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:opacity .2s ease,transform .2s ease}.app-header__nav-link:hover{background:none;opacity:.6}.app-header__nav-link:active{transform:scale(.98)}.app-header__nav--open .app-header__nav-link{animation:appMenuItemFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.app-header__nav--open .app-header__nav-link:nth-child(2){animation-delay:.05s}.app-header__nav--open .app-header__nav-link:nth-child(3){animation-delay:.1s}.app-header__nav--open .app-header__nav-link:nth-child(4){animation-delay:.15s}@keyframes appMenuItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-header--menu-open .app-header__burger{opacity:0;pointer-events:none}.app-header__backdrop{display:none}}#mini-tools{scroll-margin-top:100px}@media (min-width:768px){#mini-tools{scroll-margin-top:120px}}.page-shell{grid-gap:var(--section-gap);background:var(--color-bg-primary);display:grid;gap:var(--section-gap);margin:0 auto;max-width:var(--content-max-width);padding:100px 0 var(--section-padding-y);text-align:center}@media (min-width:768px){.page-shell{padding:120px 0 var(--section-padding-y)}}.hero{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);margin:0 auto;max-width:760px;padding:var(--spacing-xl) 0;text-align:center}.hero__eyebrow{color:var(--color-text-tertiary);font-size:var(--font-xs);font-weight:600;letter-spacing:.4em;text-transform:uppercase}.hero__title{color:var(--color-text-primary);font-size:var(--font-2xl);letter-spacing:-.05em;line-height:1.04;margin:0}@media (min-width:640px){.hero__title{font-size:var(--font-3xl)}}@media (min-width:768px){.hero__title{font-size:var(--font-4xl)}}.hero__subtitle{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;line-height:1.45;margin:0 auto;max-width:620px}@media (min-width:640px){.hero__subtitle{font-size:var(--font-md)}}.mini-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));margin:0 auto;width:100%}.mini-card{color:inherit;display:block;text-decoration:none;transition:transform .22s ease}.mini-card__visual{background:#f5f4f2;border:1px solid var(--color-border);border-radius:20px;margin-bottom:var(--spacing-xs);overflow:hidden}.mini-card__thumb{aspect-ratio:16/9;background-position:50%;background-size:cover;width:100%}.mini-card__content{grid-gap:4px;background:#0000;display:grid;gap:4px;padding:var(--spacing-xs) 0;text-align:left}.mini-card__title{color:var(--color-text-primary);font-size:var(--font-md);font-weight:600;margin:0}.mini-card__summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-base);font-weight:400;line-height:1.45;margin:0;overflow:hidden}.mini-card__cta{display:none}.mini-card:hover{transform:translateY(-4px)}.mini-grid__alert{align-items:center;background:var(--color-bg-secondary);border-radius:12px;color:var(--color-text-secondary);display:inline-flex;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.mini-grid__alert:before{content:"ⓘ";font-size:var(--font-base)}.app-footer{grid-gap:var(--spacing-lg);background:var(--color-bg-primary);color:var(--color-text-primary);display:grid;gap:var(--spacing-lg);margin-left:auto;margin-right:auto;margin-top:var(--spacing-3xl);max-width:var(--content-max-width);padding:var(--section-padding-y) var(--section-padding-x);text-align:center}.app-footer__primary{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);margin:0 auto;max-width:520px;text-align:center}.app-footer__logo{color:var(--color-text-primary);font-size:var(--font-lg);font-weight:700;letter-spacing:-.01em}.app-footer__desc{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;line-height:1.45;margin:0}.app-footer__links{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr;justify-items:center}@media (min-width:640px){.app-footer__links{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);justify-items:center}}@media (min-width:1024px){.app-footer__links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:start}}.app-footer__links h3{color:var(--color-text-primary);font-size:var(--font-base);font-weight:600;margin:0 0 var(--spacing-sm)}.app-footer__links a{color:var(--color-text-secondary);display:block;font-size:var(--font-base);font-weight:400;margin-bottom:var(--spacing-xs);transition:color .2s ease}.app-footer__links a:hover{color:var(--color-text-primary)}.app-footer__links p{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:400;line-height:1.45;margin:0 0 var(--spacing-sm)}.app-footer__form{align-items:center;background:#0000;border:none;border-radius:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0}.app-footer__form input{background:#0000;border:none;border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-text-primary);flex:1 1;font:inherit;min-height:44px;min-width:120px;outline:none;padding:var(--spacing-xs) 0}@media (min-width:480px){.app-footer__form input{min-width:180px}}.app-footer__form input::placeholder{color:var(--color-text-muted)}.app-footer__form button{background:#0000;border:none;border-radius:0;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-base);font-weight:500;min-height:44px;min-width:auto;padding:var(--spacing-xs) 0;transition:color .2s ease}.app-footer__form button:hover{background:#0000;color:var(--color-text-secondary);transform:none}.app-footer__note{border-top:none;color:var(--color-text-tertiary);font-size:var(--font-sm);font-weight:400;padding-top:0}@media (max-width:479px){.page-shell{padding:100px 0 var(--spacing-xl)}.hero{padding:var(--spacing-lg) 0}.hero__title{font-size:var(--font-xl)}.hero__subtitle{font-size:var(--font-sm)}.app-footer__form{align-items:stretch;flex-direction:column}.app-footer__form input{min-width:100%}}.detail-page{min-height:100vh}.detail-page,.tool-viewport{background:var(--color-bg-primary);display:flex;flex-direction:column}.tool-viewport{height:100vh;height:100dvh;overflow:hidden;position:relative;width:100%}.tool-header{align-items:center;display:flex;flex-shrink:0;height:56px;justify-content:space-between;margin-top:24px;padding:var(--spacing-xs) var(--section-padding-x);z-index:100}.tool-header__back{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-base);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) 4px;transition:all .2s ease}.tool-header__back:hover{color:var(--color-text-primary);transform:translateX(-2px)}.tool-header__back svg{transition:transform .2s ease}.tool-header__back:hover svg{transform:translateX(-3px)}.tool-header__logo{color:var(--color-text-primary);font-size:var(--font-lg);font-weight:700;left:50%;letter-spacing:-.02em;position:absolute;text-decoration:none;transform:translateX(-50%);transition:opacity .2s ease}.tool-header__logo:hover{opacity:.85}.tool-header__burger{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;height:44px;justify-content:center;min-height:44px;min-width:44px;padding:10px;width:44px;z-index:101}.tool-header__burger span{background-color:var(--color-text-primary);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:24px}.tool-header__backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#24242466;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:998}.tool-header__close{display:none}.tool-header__nav{align-items:center;display:flex;gap:var(--spacing-xs)}.tool-header__nav-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-base);font-weight:500;justify-content:center;padding:var(--spacing-xs);text-decoration:none;transition:all .2s ease}.tool-header__nav-item:hover{background:none;color:var(--color-text-primary)}.tool-header__nav-item--text{padding:var(--spacing-xs) var(--spacing-sm)}.tool-header__nav-item--search{gap:8px}.tool-header__hotkey{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-xs);font-weight:500;padding:3px 6px}.tool-iframe-container{background:#0000;display:flex;flex:1 1;min-height:0;overflow:hidden;padding:var(--spacing-lg) var(--section-padding-x)}.tool-iframe{border:1px solid var(--color-border);border-radius:16px;box-shadow:none;flex:1 1;height:100%;width:100%}.tool-bottombar,.tool-iframe{background:var(--color-bg-primary)}.tool-bottombar{align-items:flex-end;display:flex;flex-shrink:0;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-lg) var(--section-padding-x);padding-bottom:var(--spacing-xl)}.tool-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);max-width:50%;min-width:0}.tool-info__title{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-2xl);font-weight:600;line-height:1.2;margin:0}.tool-info__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;margin:0;overflow:hidden}.tool-info__description,.view-similar-btn{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-base)}.view-similar-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) 4px;transition:all .2s ease}.view-similar-btn:hover{background:none;color:var(--color-text-primary);transform:translateY(-2px)}.view-similar-btn svg{transition:transform .2s ease}.view-similar-btn:hover svg{transform:translateY(3px)}.info-section{background:var(--color-bg-primary);min-height:100vh;padding:clamp(72px,12vh,120px) var(--section-padding-x) 0;position:relative}.tool-info-mobile{display:none}.back-to-tool-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:50%;bottom:var(--spacing-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-family);height:44px;justify-content:center;padding:0;position:fixed;right:var(--spacing-md);transition:all .25s ease;width:44px;z-index:100}.back-to-tool-btn:hover{background:var(--color-bg-secondary);transform:translateY(-2px)}.other-tools{margin:0 auto;margin-bottom:var(--section-padding-y);max-width:var(--content-max-width);padding:0}.other-tools__title{color:var(--color-text-primary);font-size:clamp(var(--font-lg),3vw,var(--font-2xl));font-weight:600;letter-spacing:-.01em;margin:0 0 var(--spacing-lg);text-align:center}.other-tools__grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.other-tool-card{color:inherit;display:block;text-decoration:none;transition:transform .22s ease}.other-tool-card__body{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:24px;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.other-tool-card:hover{transform:translateY(-4px)}.other-tool-card__thumb{aspect-ratio:16/9;background-color:var(--color-bg-secondary);background-position:50%;background-size:cover;width:100%}.other-tool-card__content{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);padding:var(--spacing-md);text-align:left}.other-tool-card__title{color:var(--color-text-primary);font-size:var(--font-md);font-weight:600;margin:0}.other-tool-card__summary{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;line-height:1.45;margin:0}.about-tool{background:#0000;margin:0 auto;max-width:var(--content-max-width);padding:0}.about-tool,.about-tool__header{margin-bottom:var(--section-padding-y)}.about-tool__header{padding-bottom:0;text-align:center}.about-tool__title{color:var(--color-text-primary);font-size:clamp(var(--font-lg),4vw,var(--font-2xl));font-weight:600;letter-spacing:-.02em;margin:0 0 var(--spacing-sm)}.about-tool__summary{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;line-height:1.45;margin:0 auto;max-width:800px}.key-features-section{margin:0 auto;margin-bottom:var(--section-padding-y);max-width:var(--content-max-width);padding:0}.key-features-section__title{color:var(--color-text-primary);font-size:clamp(var(--font-lg),3vw,var(--font-2xl));font-weight:600;letter-spacing:-.01em;margin:0 0 var(--spacing-lg);text-align:center}.key-features-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));justify-items:center}.key-feature-card{align-items:center;background:#0000;border:none;display:flex;flex-direction:column;padding:var(--spacing-lg);text-align:center}.key-feature-card__icon{border-radius:12px;height:64px;margin-bottom:var(--spacing-md);object-fit:contain;width:64px}.key-feature-card__title{color:var(--color-text-primary);font-size:var(--font-md);font-weight:600;letter-spacing:-.01em;margin:0 0 var(--spacing-sm)}.key-feature-card__description{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;line-height:1.55;margin:0}.description-blocks{display:flex;flex-direction:column;gap:0;margin-bottom:var(--section-padding-y);margin-left:auto;margin-right:auto;max-width:var(--content-max-width)}.description-block{grid-gap:0;align-items:stretch;background:#0000;display:grid;gap:0;grid-template-columns:1fr 1fr;padding:0}.description-block--right .description-block__image{order:2}.description-block--right .description-block__content{order:1}.description-block__image{aspect-ratio:1/1;background-color:var(--color-bg-secondary);border-radius:16px;object-fit:cover;width:100%}.description-block__content{align-items:center;aspect-ratio:1/1;display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl);text-align:center}.description-block__headline{color:var(--color-text-primary);font-size:clamp(var(--font-md),2vw,var(--font-lg));font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0}.description-block__text{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;line-height:1.55;margin:0}.description-block__button{align-items:center;background:var(--color-text-primary);border-radius:999px;color:var(--color-bg-primary);display:inline-flex;font-family:var(--font-family);font-size:var(--font-base);font-weight:600;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .22s ease}.description-block__button:hover{background:#333;background:var(--color-accent-hover,#333);box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.description-block__button svg{transition:transform .2s ease}.description-block__button:hover svg{transform:translate(2px,-2px)}.detail-shell__empty{align-items:center;background:var(--color-bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--section-padding-y) var(--section-padding-x);text-align:center}.detail-shell__empty h2{color:var(--color-text-primary);font-size:clamp(var(--font-lg),4vw,var(--font-2xl));font-weight:600;margin:0 0 var(--spacing-sm)}.detail-shell__empty p{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:400;margin:0 0 var(--spacing-md)}.detail-shell__home{align-items:center;background:var(--color-text-primary);border-radius:999px;color:var(--color-bg-primary);display:inline-flex;font-family:var(--font-family);font-size:var(--font-base);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .25s ease}.detail-shell__home:hover{background:var(--color-accent-hover);transform:translateY(-2px)}@media (max-width:1023px){.tool-header__back span,.tool-header__hotkey{display:none}.tool-header__burger{display:flex;z-index:10000}.tool-header__nav{align-items:center;background:#fff;bottom:0;display:flex;flex-direction:column;gap:var(--spacing-sm);height:100vh;height:100dvh;justify-content:center;left:0;opacity:0;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom, 0px));padding-top:calc(var(--spacing-xl) + env(safe-area-inset-top, 0px));pointer-events:none;position:fixed;right:0;top:0;transition:opacity .4s cubic-bezier(.16,1,.3,1),visibility .4s ease;visibility:hidden;width:100vw;z-index:9999}.tool-header__nav--open{opacity:1;pointer-events:auto;visibility:visible}.tool-header__close{align-items:center;background:var(--color-bg-secondary);border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:fixed;right:var(--section-padding-x);top:calc(var(--spacing-md) + env(safe-area-inset-top, 0px));transition:background .2s ease,transform .2s ease;width:48px;z-index:10001}.tool-header__close:hover{background:var(--color-bg-tertiary);transform:scale(1.05)}.tool-header__close:active{transform:scale(.95)}.tool-header__nav-item{align-items:center;background:none;border-radius:16px;color:var(--color-text-primary);display:flex;font-size:var(--font-2xl);font-weight:600;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);text-align:center;transition:opacity .2s ease,transform .2s ease}.tool-header__nav-item:hover{background:none;opacity:.6}.tool-header__nav-item:active{transform:scale(.98)}.tool-header__nav--open .tool-header__nav-item{animation:menuItemFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.tool-header__nav--open .tool-header__nav-item:nth-child(2){animation-delay:.05s}.tool-header__nav--open .tool-header__nav-item:nth-child(3){animation-delay:.1s}.tool-header__nav--open .tool-header__nav-item:nth-child(4){animation-delay:.15s}@keyframes menuItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-header--menu-open .tool-header__burger{opacity:0;pointer-events:none}.tool-header__backdrop{display:none}}@media (max-width:768px){.tool-header__logo{font-size:var(--font-md)}.tool-iframe-container{padding:var(--spacing-md) var(--spacing-sm)}.tool-iframe{border-radius:12px}.tool-header{height:48px;padding:var(--spacing-xs) var(--spacing-sm)}.tool-bottombar{justify-content:center;padding:var(--spacing-sm) var(--spacing-sm)}.tool-info{display:none}.tool-info-mobile{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--content-max-width);text-align:center}.tool-info-mobile__title{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-2xl);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-sm) 0}.tool-info-mobile__description{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-base);line-height:1.6;margin:0}.other-tools__grid{gap:var(--spacing-xs);grid-template-columns:1fr}.key-features-grid{gap:var(--spacing-sm);grid-template-columns:1fr;justify-items:center;max-width:100%}.key-feature-card{max-width:100%;padding:var(--spacing-md);width:100%}.key-feature-card__icon{height:48px;width:48px}.description-block{gap:0;grid-template-columns:1fr}.description-block--right .description-block__image{order:-1}.description-block--right .description-block__content{order:0}.description-block__image{aspect-ratio:1/1}.description-block__content{aspect-ratio:auto;min-height:280px;padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:480px){.tool-iframe-container{padding:var(--spacing-sm) var(--spacing-xs)}.tool-iframe{border-radius:10px}.tool-header{height:44px;padding:var(--spacing-xs) var(--spacing-xs)}.tool-bottombar{align-items:center;flex-direction:row;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-sm) var(--spacing-sm)}.tool-info{display:none}.view-similar-btn{justify-content:center;width:auto}.view-similar-btn span{display:inline}.tool-info-mobile{display:block;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:var(--content-max-width);text-align:center}.tool-info-mobile__title{color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-xl);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-sm) 0}.tool-info-mobile__description{color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-base);line-height:1.6;margin:0}.about-tool__title{font-size:var(--font-md)}}.header-search{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-sm);gap:8px;min-height:40px;padding:8px 12px;transition:all .2s ease}.header-search:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}.header-search:focus{border-color:var(--color-text-muted);box-shadow:0 0 0 3px var(--color-bg-secondary);outline:none}.header-search--disabled{cursor:not-allowed;opacity:.5}.header-search__icon{flex-shrink:0;opacity:.7}.header-search__text{display:none}@media (min-width:640px){.header-search__text{display:inline}}.header-search__shortcut{background:var(--color-bg-tertiary);border:none;border-radius:5px;display:none;font-family:inherit;font-size:var(--font-xs);font-weight:500;padding:3px 6px}@media (min-width:480px){.header-search__shortcut{display:inline}}.global-search-overlay{align-items:flex-start;animation:overlayFadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24242466;display:flex;inset:0;justify-content:center;padding:80px 16px 20px;position:fixed;z-index:2000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.global-search-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:16px;box-shadow:0 25px 50px -12px #24242440,0 0 0 1px var(--color-border);display:flex;flex-direction:column;max-height:calc(100vh - 120px);max-width:580px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.global-search-modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;padding:16px 20px}.global-search-modal__input-wrapper{align-items:center;display:flex;flex:1 1;gap:12px;position:relative}.global-search-modal__search-icon{color:var(--color-text-muted);flex-shrink:0}.global-search-modal__input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:var(--font-md);min-width:0;outline:none;padding:8px 0}.global-search-modal__input::placeholder{color:var(--color-text-muted)}.global-search-modal__spinner{animation:spin .7s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-text-secondary);flex-shrink:0;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.global-search-modal__clear{align-items:center;background:var(--color-bg-secondary);border:none;border-radius:6px;color:var(--color-text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.global-search-modal__clear:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.global-search-modal__close{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0}.global-search-modal__close kbd{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-xs);font-weight:500;padding:4px 8px;transition:all .15s ease}.global-search-modal__close:hover kbd{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.global-search-modal__results{flex:1 1;min-height:100px;overflow-y:auto}.global-search-modal__results-list{padding:8px}.global-search-modal__result-item{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:14px;padding:12px;text-align:left;transition:background .15s ease;width:100%}.global-search-modal__result-item--selected,.global-search-modal__result-item:hover{background:var(--color-bg-secondary)}.global-search-modal__result-item--selected:focus,.global-search-modal__result-item:focus{background:var(--color-bg-tertiary);outline:none}.global-search-modal__result-item--selected{background:var(--color-bg-tertiary)}.global-search-modal__result-item--selected .global-search-modal__result-arrow{color:var(--color-text-tertiary);transform:translateX(2px)}.global-search-modal__result-thumb{background-color:var(--color-bg-secondary);background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;height:48px;width:48px}.global-search-modal__result-content{flex:1 1;min-width:0}.global-search-modal__result-title{color:var(--color-text-primary);font-size:var(--font-base);font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-modal__result-summary{color:var(--color-text-tertiary);font-size:var(--font-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-modal__result-arrow{color:var(--color-text-muted);flex-shrink:0;transition:transform .15s ease,color .15s ease}.global-search-modal__result-item:hover .global-search-modal__result-arrow{color:var(--color-text-tertiary);transform:translateX(2px)}.global-search-modal__loading{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-sm);gap:12px;justify-content:center;padding:32px 20px}.global-search-modal__error{background:#dc262614;border-radius:10px;color:#b91c1c;font-size:var(--font-sm);margin:8px;padding:16px 20px;text-align:center}.global-search-modal__empty{align-items:center;display:flex;flex-direction:column;gap:10px;padding:32px 20px;text-align:center}.global-search-modal__empty-icon{color:var(--color-border);height:48px;width:48px}.global-search-modal__empty-title{color:var(--color-text-secondary);font-size:var(--font-base);font-weight:600;margin:0}.global-search-modal__empty-text{color:var(--color-text-muted);font-size:var(--font-sm);margin:0;max-width:280px}.global-search-modal__hint{color:var(--color-text-muted);font-size:var(--font-sm);padding:24px 20px;text-align:center}.global-search-modal__hint kbd{background:var(--color-bg-secondary);border:none;border-radius:4px;font-family:inherit;font-size:var(--font-xs);font-weight:500;padding:2px 5px}
/*# sourceMappingURL=main.132c08f1.css.map*/