.home-wrapper.is-searching .hero-container{grid-template-columns:minmax(0,1fr)}.home-wrapper.is-searching :is(.quick-workbench,.hero-keywords,.home-assurances,#recentTools,.home-help,.home-guides,.home-needs,.cta-banner){display:none!important}.home-wrapper #searchOverlay{margin-top:24px}.home-wrapper #searchResults{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-wrapper #searchOverlay .sec-header{margin-bottom:16px}.home-wrapper #noResults{color:var(--text-mid);padding:24px 0}.tool-search-dialog{border:1px solid var(--border);background:var(--bg-surface,#fff);width:min(620px,100vw - 32px);max-height:min(720px,100dvh - 64px);color:var(--text-high);border-radius:18px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #0b1f3b30}.tool-search-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1f3b80}.tool-search-panel{padding:24px}.tool-search-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.tool-search-heading h2{font-size:22px;font-weight:650}.tool-search-heading .nav-icon-btn{width:44px;height:44px}.tool-search-dialog .hero-search-box{padding-left:14px}.tool-search-dialog input{font-size:16px}#globalSearchStatus{color:var(--text-mid);margin:14px 0;font-size:14px;line-height:1.6}.tool-search-list{gap:4px;display:grid}.tool-search-list a{border-radius:9px;flex-direction:column;gap:4px;padding:13px 14px;text-decoration:none;display:flex}.tool-search-list a:is(:hover,:focus-visible){background:var(--primary-subtle,#e9f7f2)}.tool-search-list strong{color:var(--text-high);font-size:15px;font-weight:600}.tool-search-list span{color:var(--text-mid);font-size:13px}.tool-search-shortcuts{border-top:1px solid var(--border);color:var(--text-mid);flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:16px;font-size:12px;display:flex}@media (width<=767px){.home-wrapper #searchResults{grid-template-columns:minmax(0,1fr)}.home-wrapper .hero-keywords{display:none}.tool-search-dialog{border-radius:14px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.tool-search-panel{padding:16px}.tool-search-shortcuts{display:none}}.catalog-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:24px;padding-bottom:12px;display:flex}.catalog-filters[hidden]{display:none}.catalog-filter{border:1px solid var(--border);min-height:44px;color:var(--text-mid);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:9px 14px;font-size:14px}.catalog-filter[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.header .mega-menu{overscroll-behavior:contain;max-height:calc(100dvh - 96px);overflow:hidden}.header .mobile-category-all{color:var(--primary);align-items:center;gap:8px;font-weight:600;display:flex}.category-page{max-width:1200px;margin-inline:auto}.category-page-heading{max-width:780px;padding:24px 0}.category-page-heading h1{letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.25}.category-page-heading>p{color:var(--text-mid);margin-bottom:20px;font-size:17px;line-height:1.8}.category-page .category-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-page .category-tools-grid .c-icon{background:var(--primary-subtle);color:var(--primary)}.category-other-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px 20px;padding:24px 0;display:flex}.category-other-links a{min-height:44px;color:var(--primary);align-items:center;font-size:14px;display:inline-flex}.category-other-links [aria-current=page]{text-underline-offset:4px;font-weight:700;text-decoration:underline}@media (width<=1024px){.category-page .category-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.catalog-filters{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:12px;overflow-x:auto}.catalog-filter{flex-shrink:0}.category-page .category-tools-grid{grid-template-columns:minmax(0,1fr)}.category-page-heading{padding-top:16px}.category-page-heading>p{font-size:15px}}.image-additional-actions{margin-bottom:16px}.image-additional-actions .practical-actions{padding-top:12px}.tool-page #imageWorkspace #imageExportActions{border-bottom:0;border-top:1px solid var(--border);margin-top:16px;margin-bottom:0;position:sticky;top:auto;bottom:16px}@media (width<=767px){.tool-page .tool-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px}.tool-page #imageWorkspace #imageExportActions,.tool-page .mobile-workspace-actions{z-index:5;padding:12px 0 max(12px, env(safe-area-inset-bottom));background:var(--bg-surface,#fff);border-top:1px solid var(--border);position:sticky;bottom:0;box-shadow:0 -8px 20px #0b1f3b08}.tool-page .practical-workspace .practical-actions:has(>.btn-primary){z-index:5;padding:12px 0 max(12px, env(safe-area-inset-bottom));background:var(--bg-surface,#fff);border-top:1px solid var(--border);position:sticky;bottom:0;box-shadow:0 -8px 20px #0b1f3b08}.tool-page #imageWorkspace #imageExportActions>.btn{width:100%}.tool-page #imageWorkspace #imageCanvas{max-height:32svh}}body{top:0!important}.skiptranslate iframe{display:none!important}.header .header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.header .header-brand{flex-direction:column;flex-shrink:0;flex-basis:184px;justify-content:center;align-items:flex-start;gap:0;width:184px;text-decoration:none;display:flex}.header .header-brand .brand-logo{width:184px;height:auto}.header .header-nav{flex:1;justify-content:center;gap:12px;display:flex;position:static;transform:none}.header details.nav-item{height:80px;display:block;position:relative}.header details.nav-item>.nav-link{min-height:44px;color:var(--text-mid);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-block:18px;padding:10px;font-size:14px;font-weight:600;line-height:1.5;list-style:none;display:flex}.header details.nav-item>summary::-webkit-details-marker{display:none}.header details.nav-item>summary .ui-icon{width:14px;height:14px;transition:transform .16s}.header details.nav-item[open]>summary .ui-icon{transform:rotate(180deg)}.header details.nav-item:is([open],[data-current=true])>summary{color:var(--primary);background:var(--primary-subtle)}.header details.nav-item:not([open])>.mega-menu{display:none}.header details.nav-item[open]>.mega-menu{opacity:1;visibility:visible;transform:translate(var(--menu-shift,-50%), 0);pointer-events:auto;display:block}.header .mega-menu{border-color:#dce8e4;border-radius:16px;padding:0;box-shadow:0 18px 48px -16px #163c3938,0 4px 12px #163c3908}.header .mega-menu-inner{scrollbar-gutter:auto;gap:20px;max-height:none;overflow:visible}.header .mega-menu:has(.menu-tool-links.is-multicolumn){width:min(640px,100vw - 48px)}.header .mega-menu:has(.menu-tool-links.is-wide){width:min(840px,100vw - 48px)}.menu-category{--menu-accent:#087f73;--menu-tint:#e7f5f2;min-width:0}.menu-category[data-nav-category=pdf]{--menu-accent:#b84b35;--menu-tint:#fcf0ec}.menu-category[data-nav-category=images]{--menu-accent:#397348;--menu-tint:#edf6ed}.menu-category[data-nav-category=text]{--menu-accent:#3c62ab;--menu-tint:#edf2fc}.menu-category[data-nav-category=utilities]{--menu-accent:#7957ab;--menu-tint:#f3eefb}.menu-category[data-nav-category=developer]{--menu-accent:#996119;--menu-tint:#fcf3e6}.menu-category[data-nav-category=web-sysadmin]{--menu-accent:#4c609b;--menu-tint:#eef1fb}.header-nav .menu-category{flex-direction:column;max-height:calc(100dvh - 98px);display:flex}.menu-category-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:18px 20px;display:flex}.menu-category-icon{background:var(--menu-tint);width:42px;height:42px;color:var(--menu-accent);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;display:flex}.menu-category-icon .ui-icon{width:22px;height:22px}.menu-category-heading{flex:1;min-width:0}.header .menu-category-title{min-height:24px;color:var(--text-high);align-items:center;padding:0;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.header .menu-category-title:is(:hover,:focus-visible){color:var(--primary)}.menu-category-heading p{color:var(--text-mid);margin:3px 0 0;font-size:12px;line-height:1.6}.menu-category-count{background:var(--bg-subtle);color:var(--text-mid);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:5px 9px;font-size:12px;line-height:1.5}.header-nav .menu-tool-links{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6dad4 transparent;grid-template-columns:minmax(0,1fr);gap:4px;min-height:0;padding:10px;display:grid;overflow-y:auto}.header-nav .menu-tool-links.is-multicolumn{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.header-nav .menu-tool-links.is-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.header .menu-category .mega-item{min-width:0;min-height:56px;color:var(--text-high);border-radius:9px;gap:10px;padding:9px 10px;transition:background-color .14s,color .14s}.menu-tool-icon{background:var(--menu-tint);width:32px;height:32px;color:var(--menu-accent);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex}.menu-tool-icon .ui-icon{stroke-width:1.8px;width:18px!important;height:18px!important}.header .menu-category .mega-title{min-width:0;color:inherit;overflow-wrap:normal;font-size:14px;font-weight:500;line-height:1.5}.header .menu-category .mega-item:is(:hover,:focus-visible,[aria-current=page]){background:var(--primary-subtle);color:var(--primary-hover)}.header .menu-category .mega-item:is(:hover,:focus-visible,[aria-current=page]) .menu-tool-icon{color:var(--primary);background:#fff}.header .menu-category .menu-view-all{border-top:1px solid var(--border);min-height:48px;color:var(--primary);background:#f8fbfa;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.header .menu-category .menu-view-all:is(:hover,:focus-visible){background:var(--primary-subtle);color:var(--primary-hover)}.menu-view-all .ui-icon{width:16px;height:16px}.header-nav details[open] .menu-category{animation:.14s ease-out menu-appear}@keyframes menu-appear{0%{opacity:0}to{opacity:1}}.header-nav .mega-menu:not(:has(.is-multicolumn)) .menu-category-header{flex-wrap:wrap}.header-nav .mega-menu:not(:has(.is-multicolumn)) .menu-category-count{display:none}.header-actions{z-index:10;flex-shrink:0}.nav-icon-btn{width:44px;height:44px;color:var(--text-high);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex}.nav-icon-btn:hover{background:var(--bg-subtle)}.btn-login{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-login:hover{background:var(--primary-hover)}.show-on-mobile{display:none!important}.language-switcher{position:relative}.language-switcher>summary{border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:16px;list-style:none;display:flex}.language-switcher>summary::-webkit-details-marker{display:none}.language-name{font-size:12px;font-weight:600}.language-switcher>summary .ui-icon{width:12px;height:12px}.language-options{border:1px solid var(--border);background:#fff;border-radius:10px;width:164px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0b1f3b1a}.language-options button{width:100%;min-height:44px;color:var(--text-high);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 12px;font-size:14px;display:block}.language-options button:is(:hover,:focus-visible){background:var(--bg-subtle)}.mobile-menu-overlay{z-index:1000;opacity:0;visibility:hidden;background:#0b1f3b80;transition:opacity .18s,visibility .18s;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.header .mobile-menu-content{background:#fff;flex-direction:column;width:360px;max-width:calc(100vw - 24px);transition:transform .18s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.mobile-menu-header>a{flex:1;min-width:0}.header .mobile-menu-header .brand-logo{width:144px;max-width:100%;height:auto}.mobile-menu-body{overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow-y:auto}.mobile-cat-group{border-bottom:1px solid var(--border)}.mobile-cat-title{min-height:52px;color:var(--text-high);cursor:pointer;align-items:center;gap:8px;padding-block:12px;font-size:15px;font-weight:600;list-style:none;display:flex}.mobile-cat-title::-webkit-details-marker{display:none}.mobile-cat-title>.ui-icon{width:16px;height:16px;transition:transform .16s}.mobile-cat-group[open]>summary>.ui-icon{transform:rotate(180deg)}.mobile-cat-count{color:var(--text-mid);margin-left:auto;font-size:12px;font-weight:400}.mobile-cat-links .menu-category{padding-bottom:12px}.mobile-cat-links .menu-category-header{display:none}.mobile-cat-links .menu-tool-links{gap:3px;padding-block:4px 10px;display:grid}.header .mobile-cat-links .mega-item{min-height:52px;padding:8px}.header .mobile-cat-links .menu-view-all{border:0;border-radius:8px;padding:12px}.mobile-menu-language{margin-top:24px}.mobile-menu-language>p{color:var(--text-mid);margin-bottom:8px;font-size:13px}.mobile-language-switcher>summary{justify-content:flex-start}.header .mobile-language-switcher>summary .language-name{text-align:left;flex:1;font-size:14px;display:block}.mobile-language-switcher .language-options{width:100%;box-shadow:none;margin-top:8px;position:static}.mobile-menu-footer{padding:16px 16px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--border)}.mobile-menu-footer>.btn-login{width:100%}@media (width>=1201px) and (width<=1350px){.header .header-nav{gap:8px}.header details.nav-item>.nav-link{gap:6px;padding-inline:8px}}@media (width<=1200px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}}@media (width<=480px){.header .header-inner{gap:12px!important}.header .header-brand{flex-basis:144px;width:144px}.header .header-brand .brand-logo{width:144px}.header-actions{gap:8px}}@media (width<=360px){.header .header-brand{flex-basis:128px;width:128px}.header .header-brand .brand-logo{width:128px}}@media (prefers-reduced-motion:reduce){.mobile-menu-overlay,.mobile-menu-content,.header .ui-icon,.header .menu-category .mega-item{transition:none}.header-nav details[open] .menu-category{animation:none}}:root{--font-body:1rem;--font-description:.9375rem;--font-ui:.875rem;--font-caption:.8125rem}.skip-link{z-index:1100;background:var(--primary,#087f73);color:#fff;border-radius:10px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#mainContentArea,#searchInput,#searchHeading,#tool-list{scroll-margin-top:110px}.home-wrapper [hidden]{display:none!important}#searchOverlay:not([hidden]),#noResults:not([hidden]){display:block}.tool-search-hint{color:var(--text-mid,#49605d);font-size:var(--font-caption);margin-top:10px;line-height:1.6}.tool-search-hint span{white-space:nowrap}.hero-search-input-ui::-webkit-search-cancel-button{appearance:none;display:none}.hero-search-input-ui::-ms-clear{display:none}.search-clear-btn{width:44px;height:44px;color:var(--text-mid,#49605d);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.search-clear-btn:hover{background:var(--bg-subtle)}.mobile-search-link{background:var(--primary-subtle,#e9f7f2);min-height:44px;color:var(--primary,#087f73);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.header .nav-icon-btn{flex-shrink:0;width:44px;height:44px}.mobile-menu-content{max-width:calc(100vw - 24px)}.mobile-cat-links a{min-height:44px}#searchOverlay .sec-header{flex-wrap:wrap;align-items:flex-start}@media (width<=600px),(pointer:coarse){.tool-page .tool-shell .btn{min-height:44px}.tool-page .tool-shell :is(.practical-actions,.workspace-action-bar){flex-wrap:wrap}.tool-page .tool-shell :is(.practical-actions,.workspace-action-bar)>.btn{justify-content:center}.tool-search-hint span{display:none}}@media (prefers-reduced-motion:reduce){.mobile-menu-overlay,.mobile-menu-content,.mega-menu{transition:none!important}}.tool-page .main-content.container{padding-top:24px;padding-bottom:40px}.tool-page .tool-shell>nav[aria-label=breadcrumb]{margin-bottom:18px;font-size:14px}.tool-page .tool-shell .tool-header,.tool-page #imageWorkspace>.tool-header{gap:14px;margin-bottom:24px;padding:0 0 20px}.tool-page .tool-shell .tool-header-icon{border-radius:12px;width:44px;height:44px}.tool-page .tool-shell .tool-header .text-h1{margin-bottom:6px;font-size:clamp(24px,2.3vw,30px);line-height:1.3}.tool-page .tool-shell .tool-header .text-h3{max-width:80ch;font-size:16px;line-height:1.65}.tool-page .tool-shell .tool-header-meta{gap:10px;margin-top:10px}.tool-page .tool-shell .card{border-color:#cbdcd5;border-radius:16px;box-shadow:0 3px 14px #173b3506}.tool-page .tool-shell>.card{padding:24px}.tool-page .tool-shell .form-control{color:var(--text-high);background-color:#fff;border:1px solid #b9cdc5;font-size:16px}.tool-page .tool-shell .form-control[readonly]{background-color:#f4f8f6}.tool-page .tool-shell .form-label{font-size:15px;font-weight:500;line-height:1.6}.tool-page .tool-shell .btn{font-size:15px}.tool-page .tool-shell .text-h2{font-size:18px}.tool-page .tool-shell textarea.form-control{min-height:180px;padding:14px;font-size:16px;line-height:1.75}.tool-page .tool-shell .practical-note{line-height:1.7}.tool-page .tool-encoding .encode-textarea{background:#fff;border:1px solid #b9cdc5;border-radius:10px;width:calc(100% - 24px);margin:12px;font-size:16px;line-height:1.75}.tool-page .tool-encoding .encode-textarea[readonly]{background:#f4f8f6}.tool-page .tool-csv-json .csv-json-toolbar{background:#f4f8f6;border:1px solid #d6e4de;border-radius:10px;margin-bottom:18px}.tool-page .tool-csv-json .csv-json-panel{border:0;padding:0}.tool-page .tool-csv-json .csv-json-panel .tool-panel-heading{padding:0 0 10px}.tool-page .tool-csv-json .csv-json-panel textarea.form-control{background:#fff;border:1px solid #b9cdc5;border-radius:10px;height:clamp(240px,34vh,380px);min-height:200px}.tool-page .tool-diff .diff-inputs>div{background:#f7faf8!important;border-color:#cbdcd5!important;padding:16px!important}.tool-page .tool-counter #textInput{height:clamp(280px,40vh,440px)}.tool-page .speech-preview{border:1px solid #cbdcd5}.tool-page .editor-panel{border-color:#cbdcd5;border-radius:14px}.tool-page .tool-shell .form-control:focus,.tool-page .tool-shell textarea.form-control:focus,.tool-page .tool-encoding .encode-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ui-control-ring);outline:none}.tool-qr .qr-layout{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.tool-qr .qr-left,.tool-qr .qr-right{width:auto;min-width:0}.tool-qr .qr-panel{background:#fff;border:1px solid #cbdcd5;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 3px 14px #173b3506}.tool-qr .qr-tabs-wrapper{background:#edf4f1;border:1px solid #cbdcd5;border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:20px;padding:8px;display:grid}.tool-qr .qr-tab-btn{min-height:68px;font:inherit;color:var(--text-mid);text-align:center;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:14px;font-weight:500;display:flex}.tool-qr .qr-tab-btn:hover{color:var(--primary);background:#fff}.tool-qr .qr-tab-btn.active{color:var(--primary);background:#fff;border-color:#b9d9d0;box-shadow:0 2px 4px #173b3508}.tool-qr .qr-tab-btn .ui-icon{width:20px;height:20px;margin:0!important}.tool-qr .qr-options-group{background:#fff;border:1px solid #cbdcd5;border-radius:14px;margin-bottom:16px;overflow:hidden}.tool-qr .qr-accordion-btn{width:100%;min-height:56px;color:var(--text-high);font:inherit;text-align:left;cursor:pointer;background:#f3f8f5;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.tool-qr .qr-accordion-btn:hover{background:#eaf3ee}.tool-qr .qr-options-group:has(.qr-accordion-content.active) .qr-accordion-btn{border-bottom:1px solid #cbdcd5}.tool-qr .qr-options-group:has(.qr-accordion-content.active) .qr-accordion-btn>.ui-icon{transform:rotate(180deg)}.tool-qr .qr-accordion-content{border:0;border-radius:0;margin:0;padding:20px;display:none}.tool-qr .qr-input-section{display:none}.tool-qr :is(.qr-accordion-content,.qr-input-section).active{display:block}.tool-qr .qr-accordion-content .grid>div{min-width:0}.tool-page .tool-qr input[type=color]{cursor:pointer;background:#fff;border:1px solid #b9cdc5;border-radius:8px;width:100%;height:44px;padding:5px;display:block}.tool-page .tool-qr textarea.form-control{height:auto;min-height:120px}.tool-qr .qr-right{position:static}.tool-qr .qr-preview-heading{margin-bottom:16px;font-size:18px;font-weight:600}.tool-qr .qr-preview-box{background:#f4f8f6;border:1px dashed #b9cdc5;border-radius:12px;justify-content:center;align-items:center;min-height:280px;margin-bottom:20px;padding:24px;display:flex}.tool-qr .qr-canvas-wrapper{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:240px;max-width:100%;height:240px;padding:10px;display:flex;box-shadow:0 6px 20px #173b3510}.tool-qr .qr-canvas-wrapper :is(canvas,img){border-radius:4px;max-width:100%;height:auto}.tool-qr #qrCanvas{max-width:100%}.tool-qr .qr-right .qr-panel{margin-bottom:0}.tool-qr #qrDownloadStatus{color:#1b6651;background:#edf7f2;border-radius:8px;padding:10px 12px}.tool-qr #qrDownloadStatus:empty{display:none}@media (width>=1024px){.tool-qr .qr-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.52fr);align-items:start}.tool-qr .qr-right{position:sticky;top:100px}}@media (width>=768px) and (width<=1023px){.tool-qr .qr-tabs-wrapper{grid-template-columns:repeat(9,minmax(0,1fr))}.tool-qr .qr-tab-btn{font-size:12px}}@media (width<=767px){.tool-page .main-content.container{padding:18px 16px 28px}.tool-page .tool-shell .tool-header,.tool-page #imageWorkspace>.tool-header{gap:12px;margin-bottom:18px;padding-bottom:18px}.tool-page .tool-shell .tool-header-icon{border-radius:10px;width:38px;height:38px}.tool-page .tool-shell .tool-header .text-h1{font-size:23px}.tool-page .tool-shell .tool-header .text-h3{font-size:15px}.tool-page .tool-shell>.card{padding:16px}.tool-page .tool-shell .form-label,.tool-page .tool-shell .btn{font-size:14px}.tool-page .tool-shell textarea.form-control{min-height:160px}.tool-page .tool-csv-json .csv-json-panel textarea.form-control{height:220px;min-height:180px}.tool-qr .qr-layout{gap:18px}.tool-qr .qr-tabs-wrapper{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tool-qr .qr-tab-btn{min-height:60px;font-size:13px}.tool-qr .qr-panel,.tool-qr .qr-accordion-content{padding:16px}.tool-qr .qr-accordion-btn{padding:14px 16px;font-size:14px}.tool-qr .qr-preview-box{padding:16px}}.header .mega-menu:has(.mega-menu-inner.cols-2){width:min(680px,100vw - 48px)}.header .mega-menu-inner.cols-2{align-items:stretch;gap:0}.header .mega-menu-inner.cols-2>.menu-category+.menu-category{border-left:1px solid var(--border)}.header .mega-menu-inner.cols-2 .menu-category-header{gap:10px;min-height:100px;padding:16px}.header .mega-menu-inner.cols-2 .menu-category-icon{border-radius:9px;flex-basis:34px;width:34px;height:34px}.header .mega-menu-inner.cols-2 .menu-category-count{display:none}.header .mega-menu-inner.cols-2 .menu-category-title{font-size:14px}.header .mega-menu-inner.cols-2 .menu-category-heading p{font-size:11px}.header .mega-menu-inner.cols-2 .menu-tool-links{flex:1;align-content:start}.header .mega-menu-inner.cols-2 .menu-view-all{padding-inline:16px;font-size:11px}.mobile-cat-links:has(>.menu-category+.menu-category) .menu-category-header{border:0;padding:12px 8px 4px;display:block}.mobile-cat-links:has(>.menu-category+.menu-category) .menu-category-header :is(.menu-category-icon,.menu-category-count,.menu-category-heading p){display:none}.header .mobile-cat-links:has(>.menu-category+.menu-category) .menu-category-title{min-height:32px;color:var(--text-low);font-size:12px;font-weight:600}.info-page{max-width:1200px;padding-top:12px}.info-page .info-page-header{background:0 0;border:0;border-bottom:1px solid #d6e3dc;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;margin-bottom:28px;padding:18px 0 26px;display:grid}.info-page-title{align-items:center;gap:14px;min-width:0;display:flex}.info-page .info-page-icon{background:#eaf5ef;border:1px solid #cde3d9;border-radius:11px;flex:0 0 42px;width:42px;height:42px;margin:0}.info-page .info-page-icon .ui-icon{width:22px;height:22px}.info-page .info-page-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(26px,3vw,34px);line-height:1.3}.info-page .info-page-description{grid-column:1;max-width:80ch;margin:0;padding-left:56px;font-size:15px;line-height:1.75}.info-page .info-page-updated{color:var(--text-low);grid-area:1/2;align-self:center;align-items:center;gap:6px;font-size:12px;line-height:1.5;display:flex}.info-page-updated .ui-icon{width:15px;height:15px}.info-page .info-page-grid{grid-template-columns:220px minmax(0,1fr);gap:28px}.info-page .info-page-sidebar{box-shadow:none;border-color:#d6e3dc;border-radius:12px;padding:14px}.info-page .info-page-nav-title{margin-bottom:10px;padding:2px 8px;font-size:12px;font-weight:500}.info-page .info-page-nav a{gap:9px;padding:11px 10px;font-size:13px}.info-page .info-page-nav .ui-icon{width:17px;height:17px}.info-page .info-page-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--primary);background:#eaf5ef}.info-page .info-page-help{margin:16px 8px 0;padding-top:16px;font-size:12px}.info-page .info-page-help a{min-height:36px}.info-page .info-page-content{border-color:#d6e3dc;border-radius:14px;padding:28px 32px;box-shadow:0 3px 16px #173b3504}.info-page .info-page-content h2{letter-spacing:-.02em;margin:0 0 16px;font-size:21px;line-height:1.4}.info-page .info-page-content h3{color:#365e50;margin:22px 0 8px;font-size:15px;font-weight:600;line-height:1.6}.info-page .info-page-content h2+h3{margin-top:0}.info-page .info-page-content :is(p,li){color:#425e53;max-width:78ch;font-size:15px;line-height:1.85}.info-page .info-page-content>section+section{border-color:#e1eae5;margin-top:26px;padding-top:26px}.info-page .info-callout{background:#f0f7f3;border:0;border-left:3px solid #9ecbbb;border-radius:0 8px 8px 0;margin-top:18px;padding:14px 16px}.info-page .info-callout p{font-size:13px;line-height:1.75}.info-page .info-feature{background:#f8fbf9;border-color:#dbe6df;padding:16px}.info-page .info-feature h3{margin-top:0}.info-page .info-feature p{font-size:13px}@media (width<=900px){.info-page .info-page-grid{grid-template-columns:minmax(0,1fr);gap:18px}.info-page .info-page-sidebar{padding:8px;position:static}.info-page .info-page-nav-title,.info-page .info-page-help{display:none}.info-page .info-page-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.info-page .info-page-nav a{justify-content:center;padding:10px 6px;font-size:12px}.info-page .info-page-header{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:20px;padding-top:12px}.info-page .info-page-updated{grid-area:auto/1;padding-left:56px}}@media (width<=600px){.info-page{padding-top:0}.info-page .info-page-header{padding-bottom:20px}.info-page .info-page-header h1{font-size:26px}.info-page .info-page-description{padding-left:0;font-size:14px}.info-page .info-page-updated{padding-left:0;font-size:11px}.info-page .info-page-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.info-page .info-page-nav a{justify-content:flex-start;font-size:12px}.info-page .info-page-content{padding:22px 18px}.info-page .info-page-content h2{font-size:20px}.info-page .info-page-content :is(p,li){font-size:15px;line-height:1.8}}.tool-page .tool-csv-json .csv-json-toolbar{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;gap:16px;margin-bottom:20px;padding:0 0 18px}.tool-page .tool-csv-json .csv-json-actions{gap:8px}.tool-page .tool-csv-json .csv-sample-button{color:var(--primary);background:0 0;border-color:#0000;margin-left:auto}.tool-page .tool-csv-json .csv-sample-button:hover{background:var(--primary-subtle)}.csv-json-settings{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:end;gap:24px;margin-bottom:20px;display:grid}.tool-page .tool-csv-json .csv-excel-option{align-items:flex-start;gap:10px;padding:8px 0}.csv-excel-option small{color:var(--text-low);margin-top:4px;font-size:12px;line-height:1.5;display:block}.tool-page .tool-csv-json .csv-json-grid{gap:18px;margin-top:0}.tool-page .tool-csv-json .csv-json-panel{background:#fff;border:1px solid #bed2c9;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.tool-page .tool-csv-json .csv-json-panel:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #087f7312}.tool-page .tool-csv-json .csv-json-panel .tool-panel-heading{background:#f4f8f6;border-bottom:1px solid #dbe7e1;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 14px;display:flex}.csv-editor-label{color:var(--text-high);align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.csv-editor-label small{color:var(--text-low);margin-top:2px;font-size:11px;font-weight:400;display:block}.csv-file-icon{color:#287555;background:#e7f3ec;border:1px solid #cae1d6;border-radius:7px;place-items:center;width:32px;height:36px;display:grid}.csv-file-icon-json{color:#96662b;background:#faf1e3;border-color:#eadcc4}.csv-file-icon .ui-icon{width:18px;height:18px}.csv-editor-actions{align-items:center;gap:6px;display:flex}.tool-page .tool-csv-json .csv-editor-actions .btn{background:#fff;border-color:#d0dfd8;min-height:36px;padding:7px 10px;font-size:12px;line-height:1.5}.tool-page .tool-csv-json .csv-editor-actions .btn-copy-icon{flex-basis:36px;width:36px;min-width:36px;height:36px;padding:9px}.tool-page .tool-csv-json .csv-editor-actions .btn:hover{border-color:var(--primary);background:var(--primary-subtle)}.tool-page .tool-csv-json .csv-json-panel textarea.form-control{color:#28483f;resize:vertical;background:#fff;border:0;border-radius:0;height:clamp(240px,30vh,320px);min-height:180px;padding:18px;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;display:block}.tool-page .tool-csv-json .csv-json-panel textarea.form-control:focus,.tool-page .tool-csv-json .csv-json-panel textarea.form-control:focus-visible{box-shadow:none;outline:none}.csv-editor-footer{color:var(--text-low);background:#fafcfb;border-top:1px solid #e7eeea;padding:8px 16px;font-size:11px;line-height:1.5}.csv-workspace-note{color:var(--text-low);align-items:flex-start;gap:8px;margin-top:16px;font-size:12px;line-height:1.7;display:flex}.csv-workspace-note .ui-icon{width:15px;height:15px;margin-top:3px}.tool-page .tool-guide{max-width:1200px;box-shadow:none;border-color:#d5e3dc;border-radius:16px;margin-top:24px;overflow:hidden}.tool-guide .tool-guide-body{padding:24px;display:block}.tool-guide .tool-guide-overview{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 24px;display:grid}.tool-guide .tool-guide-heading{gap:10px}.tool-guide .tool-guide-heading h2{font-size:20px}.tool-guide .tool-guide-symbol{border-radius:8px;flex-basis:32px;height:32px}.tool-guide .tool-guide-symbol .ui-icon{width:18px;height:18px}.tool-guide .tool-guide-intro{max-width:88ch;color:var(--text-mid);grid-column:1;margin:0;font-size:14px;line-height:1.75}.tool-guide .tool-guide-return{border:0;grid-area:1/2/3;margin:0;padding:7px 10px;font-size:12px}.tool-guide .tool-guide-steps{border-top:1px solid #e3ece7;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px;padding-top:22px;display:grid}.tool-guide .tool-guide-steps li{gap:10px;padding:0}.tool-guide .tool-guide-steps li:after{display:none}.tool-guide .tool-guide-number{border:0;border-radius:7px;flex-basis:28px;height:28px;font-size:13px}.tool-guide .tool-guide-steps p{padding:2px 0 0;font-size:14px;line-height:1.75}.tool-guide .tool-guide-note{background:#fffaf0;border:0;border-top:1px solid #f0e3c9;border-radius:0;gap:10px;margin:0;padding:16px 24px}.tool-guide .tool-guide-note>.ui-icon{color:#9b762e}.tool-guide .tool-guide-note h3{margin-bottom:3px;font-size:13px}.tool-guide .tool-guide-note p{color:#6f6248;max-width:none;font-size:13px;line-height:1.7}.home-wrapper .home-help{background:#fff;border:1px solid #d5e3dc;border-radius:20px;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:48px;margin:36px 0;padding:32px}.home-help-symbol{width:42px;height:42px;color:var(--primary);background:#eaf6f1;border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.home-help-symbol .ui-icon{width:23px;height:23px}.home-wrapper .home-help-intro h2{font-size:26px;line-height:1.3}.home-wrapper .home-help-intro p{margin-top:10px;font-size:14px;line-height:1.7}.home-wrapper .home-help-intro>a{border:1px solid #d5e3dc;border-radius:8px;min-height:40px;margin-top:18px;padding:8px 12px;font-size:13px}.home-wrapper .home-help-intro>a:hover{background:var(--primary-subtle)}.home-help-questions details{background:#fff;border:1px solid #dce7e1;border-radius:10px;overflow:hidden}.home-help-questions details+details{margin-top:10px}.home-help-questions details[open]{background:#f8fcfa;border-color:#b9d8cc}.home-help-questions details>summary{min-height:58px;padding:14px 16px;font-size:14px;line-height:1.6}.home-help-questions details>summary:after{background:#edf5f1;border-radius:50%;flex:0 0 26px;place-items:center;height:26px;font-size:20px;display:grid}.home-help-questions details>summary:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;border-radius:9px}.home-help-questions details>p{padding:0 16px 16px;font-size:14px;line-height:1.75}.home-help-questions .home-help-privacy{margin-top:12px;padding:0;font-size:12px}.home-help-privacy a{align-items:center;gap:6px;min-height:36px;display:inline-flex}.home-help-privacy .ui-icon{width:15px;height:15px}.home-wrapper .home-guides{padding-block:12px 32px}.home-wrapper .home-guides .sec-header{align-items:center;margin-bottom:22px}.home-wrapper .home-guides .sec-title h2{font-size:26px}.home-wrapper .home-guides .sec-title p{margin-top:8px;font-size:14px}.guide-card{background:#fff;border:1px solid #d5e3dc;border-radius:16px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.guide-card:hover{border-color:#9fc7b7;box-shadow:0 8px 24px #173b350a}.guide-card .guide-card-visual{border:0;border-bottom:1px solid #e0eae4;border-radius:0}.home-wrapper .home-guides .guide-card .guide-card-visual{aspect-ratio:1.85}.guide-card .guide-card-copy{padding:20px}.guide-card .guide-category{color:#34715c;background:#eef6f2;border-radius:5px;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.4}.guide-card .guide-card-copy h3{margin-top:12px;font-size:18px;line-height:1.5}.guide-card .guide-card-copy p{color:var(--text-mid);margin:10px 0 18px;font-size:13px;line-height:1.75}.guide-card .guide-card-action{border-top:1px solid #e5ede8;justify-content:space-between;width:100%;min-height:34px;margin-top:auto;padding-top:14px;font-size:12px}.guide-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;border-radius:15px}.guide-cover{justify-content:center;align-items:center;gap:28px;width:100%;height:100%;min-height:180px;display:flex;position:relative;overflow:hidden}.guide-cover-wifi-qr-generator{background:#e5f3ef}.guide-cover-network{color:#176b5b;flex-direction:column;align-items:flex-start;gap:7px;display:flex}.guide-cover-network>.ui-icon{stroke-width:1.5px;width:52px;height:52px;margin-bottom:4px}.guide-cover-network strong{font-size:17px}.guide-cover-network>span{font-size:10px}.guide-cover-qr{background:#fff;border:1px solid #c6ddd4;border-radius:12px;justify-items:center;gap:10px;padding:18px;display:grid;transform:rotate(5deg);box-shadow:0 8px #cee5dc}.guide-cover-qr .ui-icon{color:#1b5146;stroke-width:1.7px;width:74px;height:74px}.guide-cover-qr span{color:#487366;font-size:9px}.guide-cover-image-resize{background:#f0f3e9}.guide-cover-photo{background:#fff;border:2px solid #4f8466;border-radius:4px;width:62%;max-width:240px;padding:8px;position:relative;transform:rotate(-4deg)}.guide-cover-photo svg{width:100%;height:auto;display:block}.photo-handle{background:#fff;border:2px solid #4f8466;width:10px;height:10px;position:absolute}.photo-handle-start{top:-6px;left:-6px}.photo-handle-end{bottom:-6px;right:-6px}.guide-cover-dimension{color:#3e6c51;background:#fff;border:1px solid #d6e0ce;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 12px #274b3210}.guide-cover-csv-cleaner{background:#edf1f8}.guide-cover-sheet{background:#fff;border:1px solid #d4ddeb;border-radius:9px;width:73%;max-width:280px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 8px #dbe3ef}.guide-cover-sheet>div{color:#4c617d;grid-template-columns:1fr 1.2fr 18px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:grid}.guide-cover-sheet>div+div{border-top:1px solid #e8edf5}.guide-cover-sheet>div:first-child{color:#8491a5;background:#f6f8fc;font-size:10px}.guide-cover-sheet strong{color:#354e70;font:600 12px ui-monospace,Consolas,monospace}.guide-cover-sheet .ui-icon{color:#34886e;width:14px;height:14px}.guide-cover-clean{color:#2d775b;background:#eaf7f0;border:1px solid #bed9cc;border-radius:7px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:14px;right:18px}.guide-cover-clean .ui-icon{width:16px;height:16px}@media (width<=760px){.csv-json-settings{grid-template-columns:minmax(0,1fr);gap:12px}.tool-page .tool-csv-json .csv-json-grid{grid-template-columns:minmax(0,1fr)}.tool-page .tool-csv-json .csv-json-toolbar{flex-wrap:wrap;gap:10px}.tool-page .tool-csv-json .csv-json-actions{flex-wrap:wrap;width:auto}.tool-page .tool-csv-json .csv-json-actions .btn{flex:auto;font-size:13px}.tool-page .tool-csv-json .csv-sample-button{margin-left:0;padding-inline:0;font-size:13px}.tool-page .tool-csv-json .csv-editor-actions .btn{min-height:44px}.tool-page .tool-csv-json .csv-editor-actions .btn-copy-icon{flex-basis:44px;width:44px;min-width:44px;height:44px}.tool-page .tool-csv-json .csv-json-panel .tool-panel-heading{padding:10px}.tool-page .tool-csv-json .csv-editor-actions .csv-editor-download{gap:5px;padding:8px;font-size:11px}.tool-page .tool-csv-json .csv-json-panel textarea.form-control{height:220px;min-height:160px;padding:14px;font-size:16px}.tool-guide .tool-guide-body{padding:20px}.tool-guide .tool-guide-overview{grid-template-columns:minmax(0,1fr);gap:10px}.tool-guide .tool-guide-return{grid-area:3/1;justify-self:start;min-height:36px;padding:0}.tool-guide .tool-guide-steps{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;padding-top:18px}.tool-guide .tool-guide-note{padding:16px 20px}.home-wrapper .home-help{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 20px}.home-help-symbol{margin-bottom:12px}.home-wrapper .home-help-intro h2{font-size:24px}.home-wrapper .home-help-intro>a{margin-top:12px}.home-wrapper .home-guides .sec-header{flex-wrap:wrap;align-items:flex-start;gap:16px}.home-wrapper .home-guides .sec-title h2{font-size:23px}.home-wrapper .home-guides .guides-card-grid{gap:18px}.guide-card .guide-card-copy{padding:18px}}@media (prefers-reduced-motion:reduce){.guide-card,.tool-page .tool-csv-json .csv-json-panel{transition:none}}:root{--ui-control-height:44px;--ui-control-radius:10px;--ui-control-border:var(--border-mid,#c8d5ce);--ui-control-accent:var(--primary,#087f73);--ui-control-tint:var(--primary-subtle,#e9f7f2);--ui-control-ring:var(--primary-glow,#087f731f)}.ui-icon{vertical-align:middle;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px;display:inline-block}.form-control,.tool-page .tool-shell .form-control,#imageWorkspace .form-control,.admin-page :is(input:not([type=checkbox]),select,textarea){min-width:0;min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);border-color:var(--ui-control-border);line-height:1.5}:is(.tool-page .tool-shell label:has(>input[type=checkbox]),.tool-page .tool-shell label:has(>input[type=radio])){font-size:var(--font-ui);align-items:flex-start;gap:8px;padding-block:4px;line-height:1.6;display:flex}.tool-page .tool-shell label>input:is([type=checkbox],[type=radio]){flex-shrink:0;width:18px;height:18px;margin-top:2px}.practical-grid label:has(>input[type=checkbox])+br{display:none}.tool-page .tool-shell .form-control+:is(.text-xs,.practical-note){margin-top:8px}.tool-page .tool-shell .form-control+:is(.practical-actions,.btn,.flex:has(>.btn)){margin-top:16px}.tool-page .tool-shell .form-label{flex-wrap:wrap;gap:8px}.tool-page .tool-shell .practical-note+:is(.practical-actions,.btn){margin-top:16px}.tool-page .tool-shell :is(.flex:not(.flex-col),.practical-actions,.workspace-action-bar,.speech-text-actions,.speech-actions,.editor-panel-actions,.image-queue-bar,.image-text-actions,.pdf-office-actions,.regex-search-row)>:is(.form-control,.practical-note)+.btn{margin-top:0}#imageWorkspace input[type=color]{height:var(--ui-control-height);border-radius:var(--ui-control-radius)}.file-upload:has(input:disabled){opacity:.6;cursor:not-allowed}:is(select.form-control,.admin-page select),.tool-page .tool-shell select.form-control,#imageWorkspace select.form-control{appearance:none;height:var(--ui-control-height);background-color:var(--bg-surface,#fff);color:var(--text-high,#183b38);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23647875' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding:10px 40px 10px 12px}:is(select.form-control,.admin-page select):is([multiple],[size]),#imageWorkspace select.form-control:is([multiple],[size]){background-image:none;height:auto;padding:10px 12px}:is(.form-control,.admin-page input,.admin-page select,.admin-page textarea):focus{border-color:var(--ui-control-accent);box-shadow:0 0 0 3px var(--ui-control-ring);outline:none}:is(.form-control,.admin-page select):disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-muted,#f7f9f7)}input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--ui-control-accent)}.file-upload{border:1px solid var(--ui-control-border);background:var(--bg-surface,#fff);text-align:left;border-radius:12px;align-items:center;gap:14px;min-width:0;min-height:72px;padding:12px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.tool-page .tool-shell .file-upload,#imageWorkspace .file-upload{border:1px dashed color-mix(in srgb, var(--ui-control-accent) 45%, var(--border));background:linear-gradient(135deg, #fff, var(--ui-control-tint));text-align:center;cursor:pointer;border-radius:16px;align-content:center;justify-items:center;gap:10px;width:100%;max-width:none;min-height:200px;margin:0;padding:26px 22px;display:grid;position:relative}:is(.tool-page .tool-shell .file-upload:hover:not(:has(input:disabled)),.tool-page .tool-shell .file-upload.drag-over){border-color:var(--primary);background:var(--primary-subtle)}.tool-page .tool-shell .file-upload.has-files{border-style:solid}.tool-page .tool-shell .file-upload .file-upload-action,#imageWorkspace .file-upload .file-upload-action{border:1px solid var(--primary-border);width:48px;min-width:0;height:48px;min-height:0;color:var(--primary);background:#fff;border-radius:14px;place-items:center;margin:0 0 4px;padding:0;display:grid}.file-upload-action .ui-icon{width:24px;height:24px}.tool-page .tool-shell .file-upload:hover:not(:has(input:disabled)) .file-upload-action{color:var(--primary);border-color:var(--primary);background:#fff}.file-upload-heading{max-width:100%;color:var(--text-high);font-size:16px;font-weight:600;line-height:1.5}.file-upload-description{max-width:56ch;color:var(--text-mid);font-size:14px;line-height:1.65}.file-upload-formats{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.file-upload-formats .format-tag{border:1px solid var(--border);background:#fff;margin:0;padding:3px 8px;font-size:11px;line-height:1.5}.file-upload-multiple{color:var(--text-mid);margin-left:4px;font-size:12px}.tool-page .tool-shell .file-upload .file-upload-details{width:100%;min-width:0;display:none}.tool-page .tool-shell .file-upload.has-files .file-upload-details{border-top:1px solid var(--primary-border);gap:4px;padding-top:12px;display:grid}.tool-page .tool-shell .dropzone:has(>.file-upload){box-shadow:none;background:0 0;border:0;border-radius:16px;padding:0}#imageWorkspace .dropzone:has(>.file-upload){box-shadow:none;background:0 0;border:0;border-radius:16px;padding:0}.tool-page .tool-shell .dropzone:has(>.file-upload)>:is(.dropzone-icon,.dropzone-title,.dropzone-sub,.dropzone-formats){display:none}.tool-page .image-text-drop:has(>.file-upload){background:0 0;border:0;padding:0}@media (width<=600px){.tool-page .tool-shell .file-upload,#imageWorkspace .file-upload{border-radius:12px;min-height:180px;padding:22px 16px}.file-upload-heading{font-size:15px}.file-upload-description{font-size:13px}}:is(.file-upload:hover:not(:has(input:disabled)),.file-upload.has-files){border-color:var(--primary-border)}.file-upload:focus-within{border-color:var(--ui-control-accent);box-shadow:0 0 0 3px var(--ui-control-ring)}.file-upload-action{border:1px solid var(--primary-border);border-radius:var(--ui-control-radius);background:var(--ui-control-tint);color:#0f766e;min-height:44px;font-size:var(--font-description);flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;line-height:1.5;transition:background .12s,border-color .12s;display:inline-flex}.file-upload:hover:not(:has(input:disabled)) .file-upload-action{background:var(--primary-border)}.file-upload-details{flex:1;gap:3px;min-width:0;display:grid}.file-upload-name{color:var(--text-low);font-size:var(--font-description);text-overflow:ellipsis;white-space:nowrap;line-height:1.5;display:block;overflow:hidden}.file-upload.has-files .file-upload-name{color:var(--text-high);font-weight:500}.file-upload-hint{color:var(--text-low);font-size:var(--font-caption);line-height:1.5}input.file-upload-input,.tool-page .tool-shell input.file-upload-input,#imageWorkspace input.file-upload-input{z-index:1;opacity:0;width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;cursor:pointer;border:0;margin:0;padding:0;position:absolute;inset:0}input.file-upload-input:disabled{cursor:not-allowed}input[type=file]::file-selector-button{border:1px solid var(--primary-border,#bce5d9);background:var(--ui-control-tint);min-height:36px;color:var(--ui-control-accent);font:inherit;cursor:pointer;border-radius:8px;margin-right:10px;padding:8px 12px;font-weight:600}input[type=file]::file-selector-button:hover{background:var(--primary-border,#bce5d9)}.tool-page .tool-shell .dropzone,#imageWorkspace .dropzone{border:1px dashed color-mix(in srgb, var(--ui-control-accent) 32%, var(--border));background:linear-gradient(135deg, var(--bg-surface), var(--ui-control-tint));border-radius:16px;padding:28px 24px;transition:border-color .18s,background .18s,box-shadow .18s}.tool-page .tool-shell .dropzone-icon,#imageWorkspace .dropzone-icon{border:1px solid var(--primary-border);background:var(--bg-surface);width:48px;height:48px;color:var(--ui-control-accent);border-radius:14px;margin-bottom:12px}.dropzone-icon :is(svg,.ui-icon){width:24px;height:24px}.tool-page .tool-shell .dropzone:hover,.tool-page .tool-shell .dropzone.drag-over,#imageWorkspace .dropzone:hover,#imageWorkspace .dropzone.drag-over{border-color:var(--ui-control-accent);background:var(--ui-control-tint)}.tool-page .tool-shell .dropzone:focus-within,.tool-page .tool-shell .dropzone:focus-visible,#imageWorkspace .dropzone:focus-visible{box-shadow:0 0 0 3px var(--ui-control-ring)}.tool-page .tool-shell .dropzone-title{font-size:16px;line-height:1.5;display:block}.tool-page .tool-shell .dropzone-sub{max-width:640px;font-size:var(--font-description);margin:6px auto 0;line-height:1.7}.dropzone-formats{margin-top:14px}.dropzone:has(.file-upload){cursor:default}.dropzone .file-upload{text-align:center;width:100%;max-width:440px;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:10px;margin:18px auto 0;padding:0}.dropzone .file-upload-action{border-color:var(--ui-control-accent);background:var(--ui-control-accent);color:#fff;min-width:164px;box-shadow:var(--shadow-xs)}.dropzone .file-upload:hover:not(:has(input:disabled)) .file-upload-action{background:var(--primary-hover);border-color:var(--primary-hover)}.dropzone .file-upload-details{width:100%}.dropzone .file-upload:not(.has-files) .file-upload-hint{display:none}.dropzone .file-upload:focus-within .file-upload-action{outline:2px solid var(--ui-control-accent);outline-offset:3px}@media (width<=600px),(pointer:coarse){.form-control,.tool-page .tool-shell .form-control,#imageWorkspace .form-control{font-size:16px}.file-upload{flex-wrap:wrap;gap:10px;padding:10px}.file-upload-details{flex-basis:120px}.file-upload-action{padding-inline:12px}.dropzone .file-upload-details{flex-basis:auto}input[type=file]::file-selector-button{min-height:44px;padding-inline:10px}.tool-page .tool-shell .dropzone,#imageWorkspace .dropzone{padding:24px 16px}}@media (prefers-reduced-motion:reduce){.file-upload,.file-upload-action,.tool-page .tool-shell .dropzone,#imageWorkspace .dropzone{transition:none}}@media (forced-colors:active){:is(select.form-control,.admin-page select),.tool-page .tool-shell select.form-control,#imageWorkspace select.form-control{appearance:auto;background-image:none}.file-upload-action{color:buttontext;background:buttonface;border-color:buttontext}.file-upload:focus-within{outline-offset:3px;outline:2px solid highlight}}.pdf-office-steps{gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pdf-office-steps li{color:#64748b;background:#f1f5f9;border-radius:12px;flex:1;padding:12px 16px;font-weight:600}.pdf-office-steps .is-active{color:#006d64;background:#e6f6f3;box-shadow:inset 0 0 0 1px #99d5cc}.pdf-office-steps .is-complete{color:#166534;background:#f0fdf4}.pdf-office-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.pdf-office-preview{background:#fff;border:1px solid #dbe5ea;border-radius:14px;margin:18px 0;padding:18px}#pdfOfficePreviewContent{overflow-wrap:anywhere;max-height:360px;overflow:auto}#pdfOfficePreviewContent p{white-space:pre-wrap;margin:10px 0}.pdf-office-table{border-collapse:collapse;width:100%;font-size:var(--font-description)}.pdf-office-table td{white-space:pre-wrap;border:1px solid #dbe5ea;min-width:90px;padding:9px 12px}.pdf-office-table tr:first-child{background:#eef6fb;font-weight:600}.pdf-office-guide p{margin-top:12px;line-height:1.75}.pdf-office-guide details{border-top:1px solid #e2e8f0;padding:16px 0}.pdf-office-guide summary{cursor:pointer;font-weight:600}.pdf-office-card [hidden],#recentTools[hidden],#recentToolCatalog[hidden],.speech-workspace [hidden],.image-text-workspace [hidden]{display:none!important}.image-text-drop{background:#f5fbfa;border:1px dashed #8dbeb7;border-radius:12px;margin-top:16px;padding:20px}.image-text-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.image-text-preview{text-align:center;background:#eef2f3;border:1px solid #dbe5ea;border-radius:12px;margin:16px 0;padding:12px}.image-text-preview canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:360px;margin:auto;display:block}.image-text-output{background:#f8fafc;border:1px solid #dbe5ea;border-radius:16px;min-width:0;padding:24px}#imageTextResult{resize:vertical;background:#fff;min-height:360px;font-family:inherit;line-height:1.75}#imageTextFileInfo{overflow-wrap:anywhere}@media (width<=600px){.image-text-drop,.image-text-output{padding:16px}.image-text-drop{margin-top:12px;padding:12px}.image-text-actions .btn{flex:140px;justify-content:center;min-height:44px}}.speech-text{resize:vertical;min-height:260px;line-height:1.7}.speech-text-actions,.speech-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.speech-text-actions .practical-note{margin:0 auto 0 0}.speech-consent{align-items:flex-start;gap:10px;margin-top:20px;line-height:1.6;display:flex}.speech-consent input{flex:none;margin-top:6px}.speech-preview{background:#f8fafc;border-radius:16px;min-width:0;padding:28px}.speech-preview-icon{color:#0369a1;background:#e0f2fe;border-radius:16px;margin-bottom:20px;padding:16px;display:inline-flex}.speech-preview-icon svg{width:32px;height:32px}.speech-workspace audio{width:100%;min-width:0;max-width:100%;margin:16px 0;display:block}.speech-workspace .practical-grid>div{min-width:0}@media (width>=1101px){.speech-workspace .workspace-editor-grid:has(>.workspace-preview-panel){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media (width<=600px){.speech-preview{padding:20px 16px}.speech-actions .btn,#speechDownload{justify-content:center;width:100%;min-height:44px}.speech-text-actions .practical-note{flex-basis:100%}.pdf-office-steps{gap:6px}.pdf-office-steps li{font-size:var(--font-caption);padding:10px 8px}.pdf-office-actions .btn,#pdfOfficeConvert,#pdfOfficeDownload{justify-content:center;width:100%;min-height:44px}#recentTools .sec-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.pdf-office-preview{padding:12px}}
