:root{--brand-hover:#005950}.site-header{container-type:inline-size}.site-header .brand{min-width:0;flex-shrink:1}.site-header .brand-artwork{max-width:100%}@container (max-width: 399px){.site-header .header-inner{gap:4px;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.site-header .brand-artwork{width:104px}.site-header .brand{min-width:0;width:auto}.site-header .header-actions{gap:0}}.header-inner{gap:24px;height:80px}.brand-artwork{width:190px;height:auto}.desktop-nav,.family-menus,.header-actions{flex-wrap:nowrap;white-space:nowrap}.desktop-nav{gap:16px;flex:1;justify-content:center}.header-actions{gap:6px;margin-inline-start:auto}.family-menu summary{white-space:nowrap;padding:10px 8px}.command-trigger,.motion-toggle{width:44px;min-width:44px;height:44px;padding:0;justify-content:center}.desktop-cta{white-space:nowrap}.install-compact span{display:none}.install-compact{padding:10px;min-width:44px}.hero{background:radial-gradient(ellipse at 85% 30%,var(--subtle),transparent 65%)}.hero-note{background:var(--subtle);color:var(--accent);padding:7px 12px;border-radius:999px;width:fit-content;font-size:13px}.hero-description{max-width:470px}@media (max-width:900px){.hero-description{margin-inline:auto}}.hero-mesh{background:radial-gradient(ellipse,var(--subtle),transparent 65%)}.headline-sweep:after{background:linear-gradient(100deg,transparent,var(--accent),transparent)}.tool-card{border-top:2px solid var(--family-brand);background:linear-gradient(145deg,var(--family-bg),var(--surface) 70%)}.tool-card-link{background:transparent}.tool-card:hover{box-shadow:0 10px 28px color-mix(in srgb,var(--family-brand) 12%,transparent)}.catalogue-count,.coming-badge,.family-badge,.preview-pill,.privacy-badge,.tool-card-bottom{font-size:13px}.mega-groups a,.tool-card p,.tool-page-heading p{font-size:14px}.tool-card-bottom{line-height:1.5}.tool-card-top>.family-badge{max-width:100%}.action-icon.converter-icon{display:inline-flex;gap:0;width:auto;color:var(--family-ink);font-size:inherit}.action-icon svg{overflow:visible}.format-word{color:var(--family-image-ink)}.format-excel{color:var(--accent)}.format-slides{color:var(--accent-soft-ink)}.tool-page-heading{padding-block:24px;margin-bottom:24px;position:relative}.tool-page-heading>.shared-tool-icon,.tool-page-heading>.tool-icon{width:76px;height:76px;display:inline-grid;place-items:center}.tool-page-heading h1{margin-top:14px;margin-bottom:10px}.live-badge{color:#116344;background:#e2f5eb}[data-theme=dark] .live-badge{color:#85e3b9;background:#163b31}.tool-family-scene{display:none}.how-steps{position:relative}.how-steps li>div>span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:var(--family-ink,var(--accent));color:var(--surface);font-size:16px;font-weight:700}.how-steps:before{content:"";position:absolute;top:16px;inset-inline:10%;height:2px;background:var(--line);transform-origin:left;animation:line-reveal .8s both}.how-steps li{position:relative}.main-process{margin-block:22px}.main-process button{width:100%}.small-note{font-size:14px;color:var(--text-muted);margin-block:10px}button:disabled{opacity:1!important;background:var(--subtle)!important;color:var(--text-muted)!important;border-color:var(--line)!important;box-shadow:none!important}input,select,textarea{font-size:16px}label,option{font-size:14px}.info-page{padding-block:64px;min-height:65vh}.legal-page{max-width:850px}.legal-page h2{margin-top:32px}.info-page h1{font-size:clamp(32px,5vw,56px)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.install-guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-block:32px}.install-guides section,.offline-settings{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.install-guides h2{font-size:22px;line-height:1.3}.install-guides li{margin-block:14px}.recommended-guide{border-color:var(--accent)!important}.offline-settings{max-width:900px;margin-inline:auto}.offline-settings dl{display:grid;gap:16px;margin-block:24px}.offline-settings dt{font-weight:650}.offline-settings dd{margin:0;color:var(--text-muted)}.offline-settings progress{width:100%;accent-color:var(--accent)}.offline-banner{background:var(--subtle);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;font-size:14px;flex-wrap:wrap}.offline-banner a{text-decoration:underline}.update-toast{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));inset-inline:20px;margin:auto;max-width:750px;z-index:90;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 50px #0f172a22;padding:18px;border-radius:16px;display:flex;align-items:center;gap:14px;animation:toast-appear .25s both}.update-toast span{flex:1}.update-toast button{min-height:44px}.error-toast{bottom:100px}.file-suggestions-dialog{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px}.file-names{max-height:100px;overflow:auto;color:var(--text-muted)}.file-names p{overflow-wrap:anywhere;margin-bottom:6px}.suggestion-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:20px}.suggestion-options button{min-height:60px;border:1px solid var(--line);border-radius:12px;background:var(--family-bg);color:var(--family-ink);display:flex;gap:10px;align-items:center;text-align:start;padding:12px}.icon-library{padding-block:40px}.icon-library section{padding:24px;margin-block:24px;background:var(--background);color:var(--ink);border-radius:24px}.icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.icon-grid article{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.icon-grid h3{font-size:14px;letter-spacing:0;line-height:1.4;margin:16px 0 0}.icon-sizes{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--family-ink)}.site-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.footer-top nav{gap:12px}.site-footer a{min-height:24px;display:inline-flex;align-items:center}@media (pointer:coarse){.site-footer a{min-height:44px}}.processing-animation{display:grid;place-items:center;color:var(--family-ink)}.processing-animation>span{font-size:14px;font-variant-numeric:tabular-nums}.processing-particles{transform-origin:44px 44px;animation:process-particles 2.4s ease-in-out infinite}.processing-stage{animation:stage-appear .2s both}.tool-card .action-icon{transform-origin:center}.tool-card:hover .action-icon,.tool-page-heading .action-icon{animation:tool-action 2.6s ease-in-out infinite}.tool-page-heading .action-rotate-pdf .rotate-action{transform-origin:16px 16px;animation:rotate-action 2.6s ease-in-out infinite}.tool-card:hover .format-target,.tool-page-heading .format-target{animation:format-result 2.6s ease-in-out infinite}.tool-card:hover .translate-a,.tool-page-heading .translate-a{animation:language-action 2.6s ease-in-out infinite}.install-button{animation:install-arrive .7s ease-out 1}.button,.suggestion-options button{transition:transform .16s ease}.button:active,.suggestion-options button:active{transform:scale(.97)}@keyframes line-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes toast-appear{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes stage-appear{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tool-action{0%,15%,85%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-2px) rotate(-4deg)}65%{transform:translateY(0) rotate(3deg)}}@keyframes format-result{0%,20%{opacity:.3}45%,90%{opacity:1}to{opacity:.3}}@keyframes language-action{0%,to{opacity:1}45%{opacity:.3}}@keyframes rotate-action{0%,20%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}@keyframes process-particles{0%,to{transform:scale(.9) rotate(-4deg);opacity:.65}50%{transform:scale(1) rotate(4deg);opacity:1}}@keyframes install-arrive{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (min-width:1100px){.workspace-options{position:sticky;top:20px}.mega-menu{max-width:calc(100vw - 60px)}}@media (max-width:1279px){.header-inner{gap:14px;padding-inline:24px}.brand-artwork{width:170px}.desktop-nav{gap:10px}.desktop-nav>a:last-child{display:none}.family-menu summary{padding-inline:6px}}@media (max-width:1023px){.desktop-cta,.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.brand-artwork{width:170px}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.container{padding-inline:22px}.header-inner{gap:8px;height:72px}.header-actions{gap:0}.brand-artwork{width:152px}.install-compact{display:none}.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.install-guides{grid-template-columns:1fr}.tool-page-heading{padding-block:12px;margin-bottom:16px}.tool-page-heading h1{font-size:32px}.tool-page-heading p{margin-bottom:12px}.tool-page-heading>.privacy-badge{font-size:13px}.tool-page-heading>.shared-tool-icon{width:56px;height:56px}.breadcrumbs{font-size:13px;flex-wrap:wrap}.how-steps:before{display:none}.info-page{padding-block:36px}.update-toast{flex-wrap:wrap}.update-toast .button{width:100%}.mobile-nav{max-height:calc(100dvh - 72px);overflow:auto}.mobile-nav .mega-menu{max-height:none}.mobile-nav .family-menu summary{min-height:48px}}@media (max-width:399px){.container{padding-inline:16px}.header-inner{padding-inline:12px}.brand-artwork{width:104px}.header-actions .icon-button{width:44px;min-width:44px}.header-actions{margin-inline-start:auto}.hero h1{font-size:40px}.icon-grid,.suggestion-options{grid-template-columns:1fr}.button-row>*{width:100%}.family-badge{font-size:13px}}@media (display-mode:standalone){body{overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top);padding-bottom:calc(64px + env(safe-area-inset-bottom))}.container{padding-left:max(min(22px,4vw),env(safe-area-inset-left));padding-right:max(min(22px,4vw),env(safe-area-inset-right))}.install-button{display:none}}.app-navigation{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:45;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 4px 16px var(--shadow-color)}[data-loop][data-on-screen=false] *,[data-loop][data-on-screen=false]:after,[data-loop][data-on-screen=false]:before,[data-motion=paused] *,[data-page-visible=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.tool-card-bottom .coming-badge{font-size:13px}.continue-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.continue-chips button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:var(--family-bg);color:var(--family-ink)}.motion-icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.motion-icon-grid span{font-size:13px;display:block}.motion-icon-grid .tool-page-heading{margin:0;text-align:center}.comparison-handle-intro>span{animation:comparison-hint 1.2s .35s both}@keyframes comparison-hint{0%,to{transform:translateX(0)}30%{transform:translateX(-18px)}65%{transform:translateX(18px)}}.sweep-word:after{color:var(--accent)}.tool-page-heading>.coming-badge{display:inline-flex;width:auto;min-height:26px;padding:3px 10px;border-radius:999px}.comparison-vertical{position:absolute;top:0;bottom:0;left:0;width:3px;background:#fdfefe;box-shadow:0 0 4px #0f172a33}.why-section{background:color-mix(in srgb,var(--accent-soft) 22%,var(--background))}.tool-card:hover :is(.action-compress-image,.action-compress-pdf) svg,.tool-page-heading :is(.action-compress-image,.action-compress-pdf) svg{animation:action-compress 2.6s infinite;transform-origin:center}.tool-page-heading :is(.action-split-pdf,.action-smart-split-pdf) svg path:last-child{animation:action-cut 2.6s infinite;transform-origin:center}.tool-page-heading :is(.action-remove-pdf-pages,.action-remove-pdf-annotations,.action-remove-exif,.action-remove-background,.action-remove-object) svg path:last-child{animation:action-remove 2.6s infinite}.tool-page-heading :is(.action-watermark-pdf,.action-watermark-image,.action-sign-pdf,.action-request-signatures) svg{animation:action-stamp 2.6s infinite;transform-origin:center}.tool-page-heading :is(.action-crop-image,.action-crop-pdf,.action-resize-image,.action-upscale-image) svg{animation:action-frame 2.6s infinite;transform-origin:center}.tool-page-heading :is(.action-qr-generator,.action-qr-reader,.action-barcode-generator,.action-barcode-reader,.action-ocr-pdf) svg{animation:action-scan 2.6s infinite}.tool-page-heading .merge-back{animation:page-join-back 2.6s infinite}.tool-page-heading .merge-front{animation:page-join-front 2.6s infinite}@keyframes action-compress{0%,to{transform:scale(1)}55%{transform:scale(.78)}}@keyframes action-cut{0%,to{transform:rotate(0)}55%{transform:rotate(-16deg)}}@keyframes action-remove{0%,to{opacity:1;transform:translateY(0)}60%{opacity:.1;transform:translateY(3px)}}@keyframes action-stamp{0%,to{transform:translateY(-1px) rotate(-6deg)}50%{transform:translateY(2px) rotate(0)}}@keyframes action-frame{0%,to{transform:scale(.88)}55%{transform:scale(1.08)}}@keyframes action-scan{0%,to{opacity:.6;transform:translateY(-1px)}55%{opacity:1;transform:translateY(1px)}}@keyframes page-join-back{0%,to{transform:translate(0)}50%{transform:translate(3px,2px)}}@keyframes page-join-front{0%,to{transform:translate(0)}50%{transform:translate(-3px,-2px)}}.animated-drop,.file-finder{overflow:hidden}.drop-ripple{position:absolute;pointer-events:none;width:160px;height:160px;margin:-80px;border-radius:50%;background:var(--family-bg,var(--subtle));border:2px solid var(--family-ink,var(--accent));z-index:3;animation:drop-feedback .55s ease-out both}@keyframes drop-feedback{0%{transform:scale(.1);opacity:.65}to{transform:scale(3);opacity:0}}@media (max-width:767px){.hero-art{overflow:clip}}.install-guides li{animation:stage-appear .35s both}.continue-chips button{animation:stage-appear .3s both}.continue-chips button:nth-child(2){animation-delay:.06s}.continue-chips button:nth-child(3){animation-delay:.12s}.continue-chips button:nth-child(4){animation-delay:.18s}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}.tool-card:hover :is(.action-rotate-image,.action-photo-editor,.action-colorize-photo,.action-restore-photo) svg,.tool-page-heading :is(.action-rotate-image,.action-photo-editor,.action-colorize-photo,.action-restore-photo) svg{transform-origin:center;animation:rotate-action 2.6s infinite}.tool-page-heading :is(.action-protect-pdf,.action-unlock-pdf) svg path:last-child{animation:lock-action 2.6s infinite}.tool-page-heading :is(.action-gif-maker,.action-gif-to-mp4) svg{animation:frame-flip 2.6s infinite;transform-origin:center}.tool-page-heading :is(.action-passport-photo,.action-collage-maker,.action-organize-pdf) svg path:last-child{animation:align-action 2.6s infinite}.tool-page-heading .action-favicon-generator svg{animation:icon-pop 2.6s infinite;transform-origin:center}@keyframes lock-action{0%,to{transform:translateY(-2px)}45%,70%{transform:translateY(1px)}}@keyframes frame-flip{0%,to{transform:scaleX(1)}45%{transform:scaleX(.7);opacity:.6}60%{transform:scaleX(1);opacity:1}}@keyframes align-action{0%,to{transform:translate(1px,-2px)}50%{transform:translate(0)}}@keyframes icon-pop{0%,to{transform:scale(.8) translateY(2px)}50%{transform:scale(1) translateY(-2px)}}.tool-page-heading>.tool-icon svg{width:48px;height:48px}@media (max-width:767px){.tool-page-heading>.tool-icon{width:56px;height:56px}.tool-page-heading>.tool-icon svg{width:36px;height:36px}}.button:not(.button-secondary):not(.button-ghost):not(:disabled):hover{background:var(--brand-hover)}.category-tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.category-tabs button{flex:0 0 auto;scroll-snap-align:start}.get-app{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent,#0f766e),#14b8a6);color:#fff;font:inherit;font-weight:700;white-space:nowrap;text-decoration:none;box-shadow:0 6px 18px #0f766e4d;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.get-app:focus-visible,.get-app:hover{transform:translateY(-1px);box-shadow:0 10px 26px #0f766e73}.get-app:focus-visible{outline:3px solid currentColor;outline-offset:2px}@media (max-width:1023px){.get-app{width:44px;padding:0;justify-content:center}.get-app-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media (max-width:380px){.header-actions .get-app{display:none}}@media (prefers-reduced-motion:reduce){.get-app{transition:none}}.ui-button.button{--action-background:var(--brand-solid);--action-color:#fff;--action-border:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-width:44px;min-height:44px;padding:10px 18px;border:1px solid var(--action-border);border-radius:10px;background:var(--action-background);color:var(--action-color);font:inherit;font-size:14px;font-weight:650;line-height:1.4;text-decoration:none;cursor:pointer;transition:transform .16s}.ui-button.button:after{display:none}.ui-button.button.ui-button-secondary{--action-background:var(--surface);--action-color:var(--ink);--action-border:var(--line)}.ui-button.button.ui-button-ghost,.ui-button.button.ui-button-icon{--action-background:transparent;--action-color:var(--ink)}.ui-button.button.ui-button-danger{--action-background:#b52b36;--action-color:#fff}.ui-button.button.ui-button-small{min-height:36px;padding:7px 12px}.ui-button.button.ui-button-large{min-height:52px;padding:13px 24px}.ui-button.button.ui-button-icon{width:44px;height:44px;padding:10px}.ui-button.button:not(:disabled):hover{background:color-mix(in srgb,var(--action-background),var(--ink) 7%);color:var(--action-color);border-color:color-mix(in srgb,var(--action-border),var(--ink) 16%)}.ui-button.button:not(:disabled):active{transform:scale(.97)}.button-hint:focus-visible,.ui-button.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.ui-button.button:disabled{opacity:1!important;background:var(--subtle)!important;color:var(--text-muted)!important;border-color:var(--line)!important;cursor:not-allowed;box-shadow:none}.ui-button svg{flex-shrink:0}.button-hint{position:relative;display:inline-flex;border-radius:10px}.button-hint:after{content:attr(data-hint);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(260px,80vw);border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;box-shadow:0 4px 16px var(--shadow-color);pointer-events:none;opacity:0;z-index:30}.button-hint:focus:after,.button-hint:hover:after{opacity:1}.button-spinner{width:17px;height:17px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(1turn)}}@media (pointer:coarse){.ui-button.button.ui-button-small{min-height:44px}}@media (prefers-reduced-motion:reduce){.ui-button.button{transition:none}.button-spinner{animation:none}}.ui-button.button.ui-button-primary:not(:disabled):after{display:block;background:linear-gradient(110deg,transparent 35%,#ffffff14 50%,transparent 65%)}.tool-page-heading>.tool-icon{width:80px;height:80px;margin:0 8px 0 0;vertical-align:middle}.tool-page-heading>.tool-icon svg{width:72px;height:72px}.tool-page-heading>.coming-badge,.tool-page-heading>.family-badge{vertical-align:middle;margin-bottom:0}.tool-page-heading .live-badge{font-size:13px}.how-steps:before{display:none}.how-steps li{border:0;padding-top:0}.how-steps li:after{content:"";position:absolute;top:20px;left:44px;width:calc(100% - 20px);height:2px;background:var(--line);z-index:0}.how-steps li:last-child:after{display:none}.how-steps li .step-number{position:relative;z-index:1;display:grid;place-items:center;width:40px;min-width:40px;height:40px;border-radius:50%;background:var(--brand-solid);color:#fff;font-size:17px;font-weight:700;margin-bottom:12px}.main-process{margin:16px 0 0}.main-process .button-hint,.main-process .ui-button{width:100%}.main-process .small-note{margin:8px 0 0;text-align:center;font-size:13px}.hero-art{overflow:clip}.info-page p{line-height:1.75}.legal-page p{max-width:75ch}.info-page .button-row{margin-top:24px}.not-found .ui-button{margin-top:20px}@media (max-width:767px){.tool-page-heading{padding-top:4px}.tool-page-heading h1{margin-top:10px}.tool-page-heading>.tool-icon{width:76px;height:76px}.tool-page-heading>.tool-icon svg{width:72px;height:72px}.breadcrumbs{padding-block:16px}.how-steps li{padding:0 0 16px}.how-steps li:after{top:40px;left:19px;width:2px;height:calc(100% - 16px)}.tool-page:has([data-workspace-action]){padding-bottom:100px}.main-process[data-workspace-action]:not([data-finished=true]){position:fixed;inset-inline:16px;max-width:720px;margin-inline:auto;bottom:0;z-index:24;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:var(--background);border-top:1px solid var(--line)}}@media (min-width:768px){.how-steps li>div>div{display:block}}@media (max-width:767px){body:has(.main-process[data-workspace-action]:not([data-finished=true])) .app-navigation,body:has(.main-process[data-workspace-action]:not([data-finished=true])) .update-toast{bottom:calc(128px + env(safe-area-inset-bottom))}body:has(.main-process[data-workspace-action]:not([data-finished=true])):has(.app-navigation) .update-toast{bottom:calc(192px + env(safe-area-inset-bottom))}}.final-family-menus{gap:2px}.family-trigger{display:inline-flex;gap:6px;align-items:center;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-size:14px;font-weight:650;white-space:nowrap}.family-trigger>svg:first-child{color:var(--family-ink)}.family-trigger:hover,.family-trigger[aria-expanded=true]{background:var(--family-bg);color:var(--family-ink)}.family-panel :is(button,a):focus-visible,.family-trigger:focus-visible,.navigation-sheet :focus-visible{outline:3px solid var(--accent);outline-offset:2px}.family-panel{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:min(860px,calc(100vw - 48px));display:grid;grid-template-columns:198px minmax(0,1fr);padding:12px;gap:16px;border:1px solid var(--line);border-radius:0 0 16px 16px;background:var(--surface);box-shadow:0 16px 36px #00000016;white-space:normal;z-index:40}.menu-eyebrow{display:block;font-size:12px;line-height:18px;font-weight:700;color:var(--text-muted)}.menu-category-rail{display:flex;flex-direction:column;gap:4px;padding:6px 10px 6px 0;border-right:1px solid var(--line)}.menu-category-rail>.menu-eyebrow{padding:0 10px 6px}.menu-category-rail button{display:flex;align-items:center;width:100%;gap:10px;border:none;background:transparent;color:var(--ink);padding:10px;min-height:42px;border-radius:8px;text-align:left;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.menu-category-rail button[aria-pressed=true]{background:var(--family-bg);color:var(--family-ink)}.menu-count{margin-left:auto;color:var(--text-muted);font-size:13px;font-variant-numeric:tabular-nums}.menu-all-link{display:flex;align-items:center;gap:4px;padding:12px 10px;margin-top:auto;min-height:44px;font-size:13px;font-weight:650;color:var(--family-ink)}.family-tool-pane{min-width:0;padding-block:4px}.family-tool-pane h2{font-size:14px;line-height:20px;margin:10px 0 4px;color:var(--ink)}.menu-popular{padding-bottom:8px;border-bottom:1px solid var(--line)}.menu-popular-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:4px}.menu-popular-links a{display:flex;gap:5px;align-items:center;color:var(--family-ink);border-radius:6px;padding:3px;font-size:11px;line-height:15px;font-weight:650}.menu-popular-links svg{flex-shrink:0}.menu-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;column-gap:12px}.menu-tool-list a{display:flex;align-items:center;min-width:0;gap:8px;min-height:32px;padding:3px 4px;font-size:12px;line-height:18px;color:var(--ink);border-radius:6px}.menu-tool-list a>svg{color:var(--family-ink);flex-shrink:0}.menu-tool-list a>span:not(.menu-soon):not(.action-icon){flex:1}.menu-popular-links a:hover,.menu-tool-list a:hover{background:var(--family-bg)}.menu-soon{flex:none;display:inline-flex;align-items:center;font-size:10px;line-height:16px;color:var(--text-muted);background:var(--muted-surface);border:1px solid var(--line);padding:0 4px;border-radius:4px}.family-panel .menu-view-all{display:inline-flex;align-items:center;min-height:28px;gap:6px;margin-top:4px;padding:0;color:var(--family-ink);font-size:12px;font-weight:650}.navigation-overlay{position:fixed;inset:0;z-index:100;background:#0006}.navigation-sheet{position:fixed;inset:0 0 0 auto;width:min(100vw,520px);height:100dvh;z-index:101;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));animation:navigation-slide .22s var(--ease-out)}.navigation-sheet-bar{display:flex;align-items:center;min-height:76px;flex-shrink:0;gap:8px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:1}.navigation-sheet-bar h2{margin:0;flex:1;font-size:20px;line-height:26px}.navigation-sheet-bar h2:focus{outline:none}.navigation-sheet-body{display:block;overflow-y:auto;overscroll-behavior:contain;flex:1;padding-block:12px 20px}.sheet-row{display:flex;align-items:center;width:100%;gap:12px;min-height:52px;padding:10px;background:transparent;border:none;border-radius:8px;color:var(--ink);font:inherit;font-size:16px;text-align:left;cursor:pointer}.sheet-row>span:not(.action-icon):not(.menu-count):not(.menu-soon){flex:1}.sheet-row>.menu-count{flex:none}.sheet-row:hover{background:var(--subtle)}.sheet-row>svg:first-child{flex-shrink:0;color:var(--family-ink,var(--accent))}.sheet-row .menu-soon{margin-left:auto;font-size:12px}.sheet-row kbd{font-size:12px;color:var(--text-muted)}.sheet-intro{margin:4px 10px 12px;font-size:14px;line-height:21px;color:var(--text-muted)}.sheet-all{margin-top:8px;border-top:1px solid var(--line);border-radius:0;color:var(--accent);font-size:14px;font-weight:650}.sheet-all,.sheet-pagination{justify-content:space-between}.sheet-pagination{display:flex;align-items:center;gap:8px;padding-block:10px}.sheet-pagination>span{font-size:12px;color:var(--text-muted)}.category-landing{padding-block:28px 72px}.category-landing .breadcrumbs{margin-bottom:24px}.category-landing h1{font-size:clamp(32px,4vw,48px);line-height:1.12;margin-block:12px}.category-landing-header{max-width:760px}.category-landing-header>p{color:var(--text-muted);font-size:18px;line-height:1.6;margin-block:12px}.category-landing .catalogue-count{display:inline-block;margin-bottom:24px}.category-jump-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.category-jump-links a{padding:10px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);min-height:44px;font-size:14px}.category-jump-links a[aria-current=page]{color:var(--family-ink);background:var(--family-bg);border-color:var(--family-ink)}.category-landing .tool-grid{margin-top:8px}@keyframes navigation-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}:root[data-motion=paused] .navigation-sheet{animation:none}@media (prefers-reduced-motion:reduce){.navigation-sheet{animation:none}}@media (max-width:1279px){.family-trigger{padding-inline:5px}}@media (max-width:1023px){.category-landing-header>p{font-size:16px}}@media (min-width:1024px){.site-header .mobile-menu-button.ui-button{display:none}}@media (max-width:1023px){.site-header .desktop-cta.ui-button,.site-header .desktop-nav{display:none}.site-header .mobile-menu-button.ui-button{display:inline-flex}}.menu-tool-list .action-icon,.sheet-row>.action-icon{flex:none;color:var(--family-ink)}@media (max-width:1023px){.site-header .install-compact.ui-button{display:none}}@media (max-width:399px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art,.hero-copy{min-width:0}.hero-buttons{flex-wrap:wrap}.hero-buttons>.ui-button{flex-grow:1}}.headline-line{white-space:normal}.offline-readiness{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:16px 0}.offline-readiness>svg{flex-shrink:0;color:var(--text-muted);margin-top:2px}.offline-readiness[data-ready=true]>svg{color:var(--brand-solid)}.offline-readiness p{margin:6px 0 0;font-size:14px;line-height:1.6}.install-page-action{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.install-page-action>svg{color:var(--brand-solid)}.install-page-action p{flex-basis:100%;margin:0;color:var(--text-muted)}.install-guides ol li{display:flex;align-items:center;gap:14px}.install-step-picture{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;color:var(--brand-solid);background:var(--accent-soft);border-radius:12px}.support-assistant{position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right));bottom:calc(64px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:10px}.support-fab{position:relative;display:inline-flex;align-items:center;height:52px;padding:0 14px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--accent,#0f766e),#14b8a6);color:#fff;font:inherit;font-weight:600;box-shadow:0 8px 28px #0f172a33;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}.support-fab-label{max-width:0;margin-inline-start:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .26s ease,margin .26s ease,opacity .2s ease}.support-fab:focus-visible,.support-fab:hover,.support-fab[aria-expanded=true]{transform:translateY(-2px);box-shadow:0 14px 36px #0f766e66}.support-fab:focus-visible .support-fab-label,.support-fab:hover .support-fab-label{max-width:120px;margin-inline-start:8px;opacity:1}.support-mark{display:grid;flex:none;place-items:center;width:36px;height:36px;margin-inline-start:-6px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0f172a33}.support-mark,.support-mark-page{transition:transform .26s cubic-bezier(.2,.8,.2,1)}.support-mark-page{transform-box:fill-box}.support-fab:focus-visible .support-mark,.support-fab:hover .support-mark{transform:rotate(-10deg) scale(1.12)}.support-fab:focus-visible .support-mark-page,.support-fab:hover .support-mark-page{transform:translate(1px,-1px) rotate(6deg)}.support-fab:active .support-mark{transform:scale(.94)}.support-fab:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #14b8a6;opacity:0;animation:support-ring 3.2s ease-out infinite;pointer-events:none}.support-fab[aria-expanded=true]:after{animation:none}@keyframes support-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.support-fab,.support-fab-label,.support-mark,.support-mark-page{transition:none}.support-fab:after{animation:none}}.support-chips button:focus-visible,.support-close:focus-visible,.support-fab:focus-visible,.support-form button:focus-visible{outline:3px solid currentColor;outline-offset:2px}.support-panel{display:flex;flex-direction:column;width:min(380px,calc(100vw - 32px));height:min(520px,calc(100dvh - 160px));background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 60px #0f172a40;overflow:hidden}.support-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.support-close{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;cursor:pointer}.support-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.support-msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.support-msg p{margin:0}.support-bot{align-self:flex-start;background:var(--surface-2,#eef4f3)}.support-user{align-self:flex-end;background:var(--accent,#0f766e);color:#fff}.support-chips,.support-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.support-chips button,.support-links a{min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:inherit;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.support-chips{margin-top:0}.support-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.support-form input{flex:1;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;font:inherit;font-size:16px}.support-form button{min-height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--accent,#0f766e);color:#fff;font:inherit;font-weight:600;cursor:pointer}@media (max-width:520px){.support-assistant{bottom:calc(72px + env(safe-area-inset-bottom))}}@media print{.support-assistant{display:none}}