:root{color-scheme:light;--background:#f8f7f4;--foreground:#171923;--muted:#535b68;--line:rgba(23,25,35,0.1);--panel:rgba(255,255,255,0.78);--panel-strong:rgba(255,255,255,0.94);--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:rgba(37,99,235,0.12);--accent-warm:#ea580c;--accent-warm-soft:rgba(234,88,12,0.14);--ink-soft:#3f4c59;--body-bg:linear-gradient(135deg,#f8f7f4,#eef3ff 52%,#fff7ed);--brand-gradient:linear-gradient(135deg,rgba(37,99,235,0.94),rgba(234,88,12,0.86));--header-bg:rgba(255,255,255,0.72);--soft-surface:rgba(255,255,255,0.56);--soft-surface-strong:rgba(255,255,255,0.78);--tool-surface:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.72)),var(--panel);--inverse-surface:#202638;--inverse-surface-strong:#151a27;--code-bg:#202638;--code-fg:#f8fafc;--danger:#b42318;--checker:rgba(23,25,35,0.08);--focus-ring:rgba(37,99,235,0.22);--shadow:0 22px 70px rgba(32,38,56,0.13);--shadow-soft:0 14px 42px rgba(32,38,56,0.1);--radius:8px}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--background:#0d1018;--foreground:#f6f7fb;--muted:#a9b2c0;--line:rgba(255,255,255,0.12);--panel:rgba(22,26,38,0.76);--panel-strong:rgba(30,35,50,0.94);--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:rgba(96,165,250,0.16);--accent-warm:#fb923c;--accent-warm-soft:rgba(251,146,60,0.16);--ink-soft:#c4cbd6;--body-bg:linear-gradient(135deg,#0d1018,#141827 52%,#1b1714);--brand-gradient:linear-gradient(135deg,rgba(96,165,250,0.98),rgba(251,146,60,0.9));--header-bg:rgba(18,22,32,0.74);--soft-surface:rgba(255,255,255,0.07);--soft-surface-strong:rgba(255,255,255,0.11);--tool-surface:linear-gradient(180deg,rgba(30,35,50,0.86),rgba(18,22,32,0.74)),var(--panel);--inverse-surface:#f6f7fb;--inverse-surface-strong:#dfe6f3;--code-bg:#050816;--code-fg:#f8fafc;--danger:#fca5a5;--checker:rgba(255,255,255,0.1);--focus-ring:rgba(96,165,250,0.34);--shadow:0 22px 70px rgba(0,0,0,0.38);--shadow-soft:0 14px 42px rgba(0,0,0,0.28)}}:root[data-theme=light]{color-scheme:light;--background:#f8f7f4;--foreground:#171923;--muted:#535b68;--line:rgba(23,25,35,0.1);--panel:rgba(255,255,255,0.78);--panel-strong:rgba(255,255,255,0.94);--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:rgba(37,99,235,0.12);--accent-warm:#ea580c;--accent-warm-soft:rgba(234,88,12,0.14);--ink-soft:#3f4c59;--body-bg:linear-gradient(135deg,#f8f7f4,#eef3ff 52%,#fff7ed);--brand-gradient:linear-gradient(135deg,rgba(37,99,235,0.94),rgba(234,88,12,0.86));--header-bg:rgba(255,255,255,0.72);--soft-surface:rgba(255,255,255,0.56);--soft-surface-strong:rgba(255,255,255,0.78);--tool-surface:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.72)),var(--panel);--inverse-surface:#202638;--inverse-surface-strong:#151a27;--code-bg:#202638;--code-fg:#f8fafc;--danger:#b42318;--checker:rgba(23,25,35,0.08);--focus-ring:rgba(37,99,235,0.22);--shadow:0 22px 70px rgba(32,38,56,0.13);--shadow-soft:0 14px 42px rgba(32,38,56,0.1)}:root[data-theme=dark]{color-scheme:dark;--background:#0d1018;--foreground:#f6f7fb;--muted:#a9b2c0;--line:rgba(255,255,255,0.12);--panel:rgba(22,26,38,0.76);--panel-strong:rgba(30,35,50,0.94);--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:rgba(96,165,250,0.16);--accent-warm:#fb923c;--accent-warm-soft:rgba(251,146,60,0.16);--ink-soft:#c4cbd6;--body-bg:linear-gradient(135deg,#0d1018,#141827 52%,#1b1714);--brand-gradient:linear-gradient(135deg,rgba(96,165,250,0.98),rgba(251,146,60,0.9));--header-bg:rgba(18,22,32,0.74);--soft-surface:rgba(255,255,255,0.07);--soft-surface-strong:rgba(255,255,255,0.11);--tool-surface:linear-gradient(180deg,rgba(30,35,50,0.86),rgba(18,22,32,0.74)),var(--panel);--inverse-surface:#f6f7fb;--inverse-surface-strong:#dfe6f3;--code-bg:#050816;--code-fg:#f8fafc;--danger:#fca5a5;--checker:rgba(255,255,255,0.1);--focus-ring:rgba(96,165,250,0.34);--shadow:0 22px 70px rgba(0,0,0,0.38);--shadow-soft:0 14px 42px rgba(0,0,0,0.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%;overflow-x:hidden}body{margin:0;background:var(--body-bg);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}a,button,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}img{display:block;max-width:100%}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 56px}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:42px;padding:22px 0 0;border-top:1px solid var(--line)}.site-footer strong{display:block;margin-bottom:6px;color:var(--foreground);font-size:.96rem}.site-footer p{max-width:520px;margin-bottom:0;font-size:.88rem;line-height:1.55}.site-footer nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.site-footer a{color:var(--muted);font-size:.86rem;font-weight:720}.site-footer a:hover{color:var(--accent-strong)}.site-header{position:-webkit-sticky;position:sticky;top:12px;z-index:10;justify-content:space-between;gap:14px;min-height:58px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.brand,.download-button,.file-meta,.icon-button,.locale-switcher,.primary-button,.range-row,.site-header,.site-header__actions,.theme-toggle,.toggle-row,.tool-card__link,.trust-card span{display:flex;align-items:center}.brand{flex:0 0 auto;gap:10px;font-size:1.03rem;font-weight:760}.brand__mark{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface);object-fit:cover}.site-header__actions{gap:14px}.site-header__link{color:var(--muted);font-size:.92rem;font-weight:650}.header-search{position:relative;flex:1 1 360px;max-width:520px;min-width:220px}.header-search__field,.header-search__icon,.header-search__item,.header-search__item span{display:flex;align-items:center}.header-search__field{gap:8px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface);color:var(--muted)}.header-search__field:focus-within{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:var(--soft-surface-strong);box-shadow:0 0 0 4px var(--focus-ring)}.header-search__field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foreground);font-size:.9rem}.header-search__field input[type=search]::-webkit-search-cancel-button,.header-search__field input[type=search]::-webkit-search-decoration{display:none;-webkit-appearance:none;appearance:none}.header-search__field input[type=search]::-ms-clear,.header-search__field input[type=search]::-ms-reveal{display:none;width:0;height:0}.header-search__field input::placeholder{color:var(--muted)}.header-search__field button{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted)}.header-search__field button:hover{background:var(--accent-soft);color:var(--accent-strong)}.header-search__results{position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:35;display:grid;grid-gap:5px;gap:5px;padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-soft);animation:menu-pop .17s ease both}.header-search__item{gap:10px;min-width:0;min-height:48px;padding:8px;border:1px solid transparent;border-radius:8px}.header-search__item:hover{border-color:var(--line);background:var(--soft-surface);transform:translateY(-1px)}.header-search__item span:last-child{display:grid;min-width:0;grid-gap:1px;gap:1px}.header-search__item small,.header-search__item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-search__item strong{color:var(--foreground);font-size:.86rem;line-height:1.25}.header-search__item small{color:var(--muted);font-size:.75rem;line-height:1.25}.header-search__icon{flex:0 0 auto;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,var(--accent-soft),var(--accent-warm-soft)),var(--soft-surface);color:var(--accent-strong)}.header-search__results p{margin:0;padding:10px;color:var(--muted);font-size:.86rem}.tools-menu{position:relative}.tool-card__icon,.tools-menu__item,.tools-menu__item span,.tools-menu__top,.tools-menu__top span,.tools-menu__trigger{display:flex;align-items:center}.tools-menu__trigger{gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface);color:var(--foreground);font-size:.9rem;font-weight:760}.tools-menu__trigger:hover,.tools-menu__trigger[aria-expanded=true]{border-color:var(--accent-soft);background:var(--soft-surface-strong);box-shadow:0 10px 28px rgba(32,38,56,.08)}.tools-menu__trigger[aria-expanded=true] .tools-menu__chevron{transform:rotate(180deg)}.tools-menu__chevron{transition:transform .16s ease}.tools-menu__panel{position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:min(760px,calc(100vw - 32px));max-height:min(72vh,720px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);animation:menu-pop .18s ease both}.tools-menu__top{justify-content:space-between;gap:14px;padding:4px 4px 14px;color:var(--muted);font-size:.83rem;font-weight:760}.tools-menu__top span{gap:8px}.tools-menu__top a{flex:0 0 auto;color:var(--accent-strong)}.tools-menu__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.tools-menu__category{display:grid;align-content:start;grid-gap:8px;gap:8px;min-width:0}.tools-menu__category h2{margin:0;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.tools-menu__category>div{display:grid;grid-gap:6px;gap:6px}.tools-menu__item{gap:10px;min-width:0;min-height:58px;padding:9px;border:1px solid transparent;border-radius:8px}.tools-menu__item:hover{border-color:var(--line);background:var(--soft-surface);transform:translateY(-1px)}.tools-menu__item span:last-child{display:grid;min-width:0;grid-gap:2px;gap:2px}.tools-menu__item small,.tools-menu__item strong{overflow:hidden;text-overflow:ellipsis}.tools-menu__item strong{color:var(--foreground);font-size:.9rem;line-height:1.25;white-space:nowrap}.tools-menu__item small{color:var(--muted);font-size:.78rem;line-height:1.35}.tool-card__icon,.tools-menu__icon{flex:0 0 auto;justify-content:center;border:1px solid var(--line);background:linear-gradient(135deg,var(--accent-soft),var(--accent-warm-soft)),var(--soft-surface);color:var(--accent-strong)}.tools-menu__icon{width:34px;height:34px;border-radius:8px}.locale-switcher{gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface)}.locale-switcher svg{flex:0 0 auto;margin-left:5px;color:var(--muted)}.locale-switcher select{min-width:112px;min-height:32px;border:0;outline:0;background:transparent;color:var(--foreground);font-size:.82rem;font-weight:760}.locale-switcher option{background:#ffffff;color:#171923}.theme-toggle{justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface);color:var(--foreground)}.theme-toggle:hover{border-color:var(--accent-soft);background:var(--soft-surface-strong);color:var(--accent-strong)}.locale-switcher__link{min-width:36px;padding:7px 9px;border-radius:7px;color:var(--muted);font-size:.78rem;font-weight:760;text-align:center}.locale-switcher__link[aria-current=page]{background:var(--inverse-surface);color:var(--background)}.home-page,.legal-page,.tool-page{padding-top:24px}.legal-page{display:grid;grid-gap:24px;gap:24px}.legal-hero{display:grid;grid-gap:8px;gap:8px;max-width:820px;padding:18px 0 6px}.legal-hero h1{max-width:none;margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.legal-hero p{max-width:760px;margin-bottom:0;font-size:1rem}.legal-hero small{color:var(--muted);font-size:.84rem;font-weight:680}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.legal-nav{position:-webkit-sticky;position:sticky;top:92px;display:grid;grid-gap:7px;gap:7px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-soft)}.legal-nav a{min-height:38px;padding:9px 10px;border-radius:7px;color:var(--muted);font-size:.88rem;font-weight:760}.legal-nav a:hover,.legal-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.legal-content{display:grid;grid-gap:12px;gap:12px}.legal-content section{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--tool-surface)}.legal-content h2{margin-bottom:10px;font-size:1.06rem}.legal-content p{margin-bottom:10px;font-size:.95rem}.legal-content p:last-child{margin-bottom:0}.dashboard-hero{display:grid;grid-gap:22px;gap:22px;padding:38px 0 10px}.dashboard-hero__copy{max-width:820px}.dashboard-hero h1{max-width:14ch;margin-bottom:18px;font-size:clamp(3rem,7vw,5.8rem)}.dashboard-hero p:last-child{max-width:690px;font-size:1.08rem}.dashboard-search{display:flex;align-items:center;gap:12px;min-height:68px;padding:0 18px}.dashboard-search svg{color:var(--accent-strong);flex:0 0 auto}.dashboard-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foreground);font-size:1.06rem}.dashboard-search input::placeholder{color:rgba(95,108,123,.82)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);grid-gap:24px;gap:24px;align-items:flex-end;min-height:390px;padding-bottom:26px}.hero__content,.tool-page__header>div:first-child{max-width:760px}.tool-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 0}.tool-page__header .eyebrow{margin-bottom:6px}.tool-page__header h1{max-width:none;margin-bottom:7px;font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.1}.tool-page__header p:last-child{max-width:760px;margin-bottom:0;font-size:.95rem;line-height:1.55}.privacy-pill{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:.84rem;font-weight:760;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow,.privacy-pill{color:var(--accent-strong)}.eyebrow{margin:0 0 12px;font-size:.76rem;font-weight:780;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:12ch;margin-bottom:20px;font-size:clamp(3rem,7vw,6.6rem);line-height:.92}h1,h2{letter-spacing:0}h2{margin-bottom:10px;font-size:1.1rem;line-height:1.25}p{color:var(--muted);line-height:1.7}.hero__content p:last-child{max-width:680px;font-size:1.08rem}.glass-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.hero__note,.planned-tool,.trust-card{padding:20px}.trust-card{display:grid;grid-gap:12px;gap:12px}.trust-card span{gap:10px;color:var(--ink-soft);font-size:.94rem;line-height:1.45}.tools-section{padding-top:36px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:1.6rem}.category-stack{display:grid;grid-gap:26px;gap:26px}.category-section{display:grid;grid-gap:14px;gap:14px}.category-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.category-section__header h3{margin:0;font-size:1.08rem;letter-spacing:0}.category-section__header p{max-width:420px;margin-bottom:0;font-size:.92rem;text-align:right}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.tool-card{display:grid;align-content:space-between;grid-gap:16px;gap:16px;min-height:188px;padding:20px;animation:soft-rise .22s ease both;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tool-card:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--line));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.tool-card__icon{width:42px;height:42px;border-radius:8px}.tool-card p{margin-bottom:0}.tool-card__link{align-self:flex-end;justify-self:flex-start;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--accent-soft);border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-weight:760}.tool-page__layout{display:block}.tool-page__main{display:grid;grid-gap:0;gap:0}.converter,.media-tool{position:relative;padding:18px}.converter,.media-tool,.percentage-tool,.simple-tool{border-color:var(--line);background:var(--tool-surface)}.processing-overlay{position:absolute;inset:18px;z-index:4;display:grid;place-items:center;align-content:center;grid-gap:10px;gap:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);color:var(--foreground);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.processing-overlay small{color:var(--muted);font-weight:650}.progress-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.84rem;font-weight:800;white-space:nowrap}.processing-spinner{width:34px;height:34px;border:3px solid var(--accent-soft);border-top-color:var(--accent-strong);border-radius:999px;animation:spin .9s linear infinite}.converter__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);grid-gap:18px;gap:18px}.media-tool__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);grid-gap:18px;gap:18px}.dropzone{display:grid;place-items:center;min-height:430px;overflow:hidden;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent);border-radius:var(--radius);background:linear-gradient(180deg,var(--soft-surface-strong),var(--soft-surface)),var(--accent-soft)}.dropzone:hover{border-color:color-mix(in srgb,var(--accent) 62%,transparent);background:linear-gradient(180deg,var(--panel-strong),var(--soft-surface-strong)),var(--accent-soft)}.dropzone img{height:100%}.dropzone img,.video-preview{width:100%;max-height:520px;object-fit:contain}.video-preview{border-radius:var(--radius)}.dropzone__empty{display:grid;justify-items:center;grid-gap:11px;gap:11px;padding:28px;color:var(--muted);text-align:center}.dropzone__empty svg{padding:8px;width:48px;height:48px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong)}.dropzone__empty strong{color:var(--foreground);font-size:1.08rem}.dropzone__empty small{max-width:28ch;line-height:1.55}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.settings{display:grid;align-content:start;grid-gap:15px;gap:15px;padding:4px}.settings__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings__header h2{margin-bottom:0}.control-group{display:grid;grid-gap:7px;gap:7px}.control-group label{color:var(--ink-soft);font-size:.84rem;font-weight:720}.control-group input,.control-group select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);color:var(--foreground)}.control-group input:hover,.control-group select:hover,.number-unit-control:hover,.tool-textarea:hover{border-color:color-mix(in srgb,var(--accent) 36%,transparent)}.range-row{gap:10px}.range-row input{min-height:34px;padding:0}.range-row span{display:inline-flex;justify-content:flex-end;min-width:42px;color:var(--foreground);font-weight:760;text-align:right;white-space:nowrap}.dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.toggle-row{gap:9px;color:var(--muted);font-size:.9rem}.toggle-row input{width:16px;height:16px}.file-meta{gap:8px;min-width:0;padding:11px;border-radius:8px;background:var(--accent-soft);color:var(--ink-soft)}.file-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta small{margin-left:auto;white-space:nowrap}.download-button,.icon-button,.primary-button{justify-content:center;gap:8px;min-height:44px;border:0;border-radius:8px;font-weight:780}.icon-button{min-height:38px;padding:0 10px;background:var(--soft-surface);color:var(--foreground)}.icon-button:hover{background:var(--soft-surface-strong)}.primary-button{width:100%;padding:0 16px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#ffffff;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 22%,transparent)}.primary-button:hover:not(:disabled){box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 30%,transparent)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.download-button{padding:0 15px;background:linear-gradient(135deg,var(--inverse-surface),var(--inverse-surface-strong));color:var(--background)}.download-button:hover{background:linear-gradient(135deg,var(--inverse-surface-strong),var(--inverse-surface))}.form-error{margin-bottom:0;color:var(--danger);font-size:.9rem}.toast-region{position:fixed;right:18px;bottom:18px;z-index:80;grid-gap:10px;width:min(380px,calc(100dvw - 36px));pointer-events:none}.toast,.toast-region{display:grid;gap:10px}.toast{grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow-soft);color:var(--foreground);pointer-events:auto;animation:toast-enter .18s ease both}.toast--error{border-left-color:var(--danger)}.toast__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong)}.toast--error .toast__icon{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.toast p,.toast strong{margin:0}.toast strong{display:block;margin-bottom:2px;font-size:.86rem}.toast p{color:var(--muted);font-size:.84rem;line-height:1.45}.toast button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted)}.toast button:hover{background:var(--soft-surface);color:var(--foreground)}.result-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px;border:1px solid var(--accent-soft);border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-soft),var(--accent-warm-soft)),var(--soft-surface)}.result-panel h2,.result-panel p{margin-bottom:0}.result-panel p{font-size:.9rem}.image-result-preview{display:grid;place-items:center;min-height:220px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft-surface-strong)}.image-result-preview img{width:100%;height:auto;max-height:360px;object-fit:contain}.image-result-preview--empty{color:var(--muted);font-weight:760}.checkerboard-bg{background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%),linear-gradient(-45deg,var(--checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker) 75%),linear-gradient(-45deg,transparent 75%,var(--checker) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.audio-result{display:grid;grid-gap:12px;gap:12px;padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft-surface-strong)}.audio-result h2{margin-bottom:0}.audio-result audio{width:100%}.simple-tool{display:grid;grid-gap:16px;gap:16px;padding:18px}.simple-tool__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.tool-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.tool-textarea{width:100%;min-height:280px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);outline:0;background:var(--panel-strong);color:var(--foreground);line-height:1.55;resize:vertical}.code-output,.tool-textarea--code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.code-output{overflow:auto;margin:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);color:var(--code-fg);font-size:.88rem;line-height:1.55;white-space:pre-wrap}.status-message{display:inline-flex;align-items:center;gap:8px;margin-bottom:0;color:var(--ink-soft);font-size:.9rem;font-weight:720}.status-message--success{color:var(--accent-strong)}.status-message--error{color:var(--danger)}.password-output{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border-radius:var(--radius);background:linear-gradient(135deg,var(--code-bg),var(--inverse-surface-strong)),var(--code-bg);color:var(--code-fg)}.password-output code{overflow:auto;flex:1 1;font-size:1.08rem;font-weight:760;white-space:nowrap}.glass-demo{display:grid;place-items:center;min-height:180px;border-style:solid;color:var(--foreground);font-size:1.25rem;font-weight:800;box-shadow:var(--shadow-soft)}.keyboard-grid{display:grid;grid-gap:7px;gap:7px;overflow-x:auto;padding-bottom:4px}.keyboard-row{display:flex;gap:7px;min-width:max-content}kbd{display:grid;place-items:center;min-width:46px;min-height:42px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel-strong);color:var(--foreground);font-family:inherit;font-size:.82rem;font-weight:780;box-shadow:inset 0 -2px 0 var(--line)}kbd.is-pressed{background:var(--accent);color:#ffffff;box-shadow:inset 0 -2px 0 rgba(255,255,255,.18),0 8px 22px color-mix(in srgb,var(--accent) 26%,transparent)}.audio-result,.key-history,.metadata-list p{padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft-surface-strong)}.key-history h2,.key-history p{margin-bottom:0}.table-preview{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft-surface-strong)}.table-preview table{width:100%;border-collapse:collapse}.table-preview td,.table-preview th{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}.table-preview th{background:var(--accent-soft);color:var(--foreground)}.split-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px;gap:12px}.html-preview{min-height:280px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong)}.html-preview h1,.html-preview h2,.html-preview h3{max-width:none;margin-bottom:10px;font-size:revert;line-height:1.2}.qr-tool{justify-items:start}.qr-preview{display:grid;place-items:center;width:100%;min-height:280px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong)}.page-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.page-image-card{display:grid;grid-gap:10px;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft-surface-strong)}.page-image-card img{width:100%;border-radius:6px}.metadata-list,.palette-grid{display:grid;grid-gap:9px;gap:9px}.metadata-list{max-height:280px;overflow:auto}.metadata-list p{display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:10px;gap:10px;margin-bottom:0;word-break:break-word}.color-swatch{display:flex;align-items:center;gap:10px;min-height:46px;padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);color:var(--foreground)}.color-swatch:hover{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:var(--soft-surface-strong)}.color-swatch span{width:28px;height:28px;border:1px solid var(--line);border-radius:7px}.empty-state{padding:20px}.empty-state p{margin-bottom:0}.percentage-tool{display:grid;grid-gap:18px;gap:18px;padding:18px}.percentage-tool__intro{display:flex;gap:14px;align-items:flex-start}.percentage-tool__intro h2{margin-bottom:6px}.percentage-tool__intro p{margin-bottom:0}.tool-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);flex:0 0 auto}.percentage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.percentage-card{display:grid;align-content:start;grid-gap:16px;gap:16px;padding:16px;box-shadow:none}.percentage-card--wide{grid-column:1/-1}.percentage-card__line{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;color:var(--ink-soft);font-size:.94rem}.numeric-field{display:grid;grid-gap:6px;gap:6px}.numeric-field>span:first-child{color:var(--ink-soft);font-size:.76rem;font-weight:720}.number-unit-control{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:42px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);white-space:nowrap}.number-unit-control input{width:82px;min-height:40px;border:0;outline:0;padding:0 6px 0 10px;background:transparent;color:var(--foreground);text-align:right}.number-unit-control small{padding:0 9px 0 0;color:var(--muted);font-size:.86rem;font-weight:760}.calculation-result{display:block;min-height:54px;padding:13px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-size:1rem;font-weight:780;line-height:1.55}.segmented-control{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--soft-surface)}.segmented-control button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:760}.segmented-control button[aria-pressed=true]{background:var(--inverse-surface);color:var(--background)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes soft-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .tools-menu__panel{right:auto;left:0}[dir=rtl] .category-section__header p,[dir=rtl] .table-preview td,[dir=rtl] .table-preview th{text-align:right}@media (max-width:920px){.site-header{flex-wrap:wrap}.header-search{order:3;flex-basis:100%;max-width:none}.converter__grid,.hero,.legal-layout,.media-tool__grid{grid-template-columns:1fr}.legal-nav{position:static}.page-image-grid,.percentage-grid,.tool-control-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.processing-spinner{animation:none}}@media (max-width:640px){.app-shell{width:min(100% - 22px,1180px);padding-top:10px}.site-header{align-items:flex-start;gap:14px}.site-header__actions{flex-wrap:wrap;justify-content:flex-end}.site-footer{display:grid}.site-footer nav{justify-content:flex-start}.tools-menu{position:static}.tools-menu__panel{top:calc(100% + 10px);right:11px;left:11px;width:auto;max-height:76vh}.tools-menu__categories{grid-template-columns:1fr}.hero,.tool-page__header{min-height:auto;padding-top:12px}.tool-page__header{display:grid;grid-gap:10px;gap:10px}.tool-page__header h1{font-size:1.55rem}.legal-hero h1{font-size:2rem}.tool-page__header p:last-child{font-size:.9rem;line-height:1.45}.privacy-pill{justify-self:start;min-height:34px}h1{max-width:11ch;font-size:3.2rem}.dimension-grid,.page-image-grid,.percentage-grid,.split-editor,.tool-control-grid,.tool-grid{grid-template-columns:1fr}.category-section__header{align-items:flex-start;flex-direction:column}.category-section__header p{max-width:none;text-align:left}.percentage-card--wide{grid-column:auto}.dropzone{min-height:310px}.result-panel{align-items:stretch;flex-direction:column}}