: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}}: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}#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}: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);min-height:44px;color:var(--ui-control-accent);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-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}}
