:root{color-scheme:light;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #eff6ff;--color-accent: #0f766e;--color-accent-soft: #f0fdfa;--color-highlight: #f59e0b;--color-highlight-soft: #fffbeb;--color-success: #10b981;--color-success-soft: #ecfdf5;--color-warning: #d97706;--color-danger: #ef4444;--color-danger-soft: #fef2f2;--color-bg: var(--color-white);--color-bg-soft: var(--color-gray-50);--color-bg-muted: var(--color-gray-100);--color-surface: var(--color-white);--color-surface-raised: var(--color-white);--color-text: var(--color-gray-900);--color-text-muted: var(--color-gray-500);--color-text-subtle: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-header-bg: rgba(255, 255, 255, .82);--color-footer-bg: #111827;--color-footer-text: #d1d5db;--color-footer-muted: #9ca3af;--font-sans: Inter, "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: clamp(2.5rem, 7vw, 4.75rem);--leading-body: 1.6;--leading-heading: 1.2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-hover: 0 10px 24px rgba(17, 24, 39, .08);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .16);--max-w: 72rem;--max-w-narrow: 50rem;--max-w-tool: 70rem;--header-height: 4rem}[data-theme=dark]{color-scheme:dark;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-primary-soft: rgba(37, 99, 235, .16);--color-accent: #2dd4bf;--color-accent-soft: rgba(45, 212, 191, .12);--color-highlight: #fbbf24;--color-highlight-soft: rgba(251, 191, 36, .12);--color-success: #34d399;--color-success-soft: rgba(16, 185, 129, .14);--color-danger: #f87171;--color-danger-soft: rgba(239, 68, 68, .14);--color-bg: #0b1020;--color-bg-soft: #111827;--color-bg-muted: #1f2937;--color-surface: #111827;--color-surface-raised: #172033;--color-text: #f9fafb;--color-text-muted: #a7b0c0;--color-text-subtle: #6b7280;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--color-header-bg: rgba(11, 16, 32, .82);--color-footer-bg: #050816;--color-footer-text: #d1d5db;--color-footer-muted: #8b95a7;--shadow-hover: 0 12px 28px rgba(0, 0, 0, .32);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .24)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{min-width:320px;font-family:var(--font-sans);font-size:16px;color:var(--color-text);background:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;line-height:var(--leading-body);background:var(--color-bg)}img,picture,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}main{flex:1}::selection{background:var(--color-primary-soft);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}h1,h2,h3,h4{color:var(--color-text);font-weight:700;line-height:var(--leading-heading);letter-spacing:0}p{color:var(--color-text-muted)}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--space-4)}.container--tool{max-width:var(--max-w-tool)}.section{padding:var(--space-12) 0 var(--space-16)}.section--soft{background:var(--color-bg-soft);border-block:1px solid var(--color-border)}.section__header{display:flex;flex-direction:column;gap:var(--space-3);max-width:44rem;margin-bottom:var(--space-8)}.section__eyebrow{color:var(--color-primary);font-size:var(--text-sm);font-weight:700}.section__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));margin-bottom:var(--space-6)}.section__header .section__title{margin-bottom:0}.section__desc{font-size:var(--text-lg);color:var(--color-text-muted)}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .18s ease,background .18s ease}.site-header.is-scrolled,.site-header:focus-within{border-bottom-color:var(--color-border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);max-width:var(--max-w);margin-inline:auto;padding-inline:var(--space-4)}.site-logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-size:var(--text-base);font-weight:800;white-space:nowrap}.site-logo__mark{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-lg);background:transparent;color:var(--color-primary);overflow:hidden}.site-logo__mark img{width:2rem;height:2rem}.site-nav{display:none;align-items:center;gap:var(--space-1);margin-left:var(--space-2)}.nav-link,.lang-link{display:inline-flex;align-items:center;min-height:2.25rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:background .16s ease,color .16s ease}.nav-link{padding:0 var(--space-3)}.nav-link:hover,.nav-link.active,.lang-link:hover{background:var(--color-bg-muted);color:var(--color-text)}.site-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.lang-switcher{display:none;align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface)}.lang-link{min-height:1.875rem;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs)}.lang-link--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.icon-button{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover{border-color:var(--color-border-strong);background:var(--color-bg-muted)}.theme-toggle__icon--sun,[data-theme=dark] .theme-toggle__icon--moon{display:none}[data-theme=dark] .theme-toggle__icon--sun{display:block}.menu-toggle{display:inline-grid}.menu-toggle[aria-expanded=true] .menu-toggle__line:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__line:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle__line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.menu-toggle__icon{display:grid;gap:4px;width:1.125rem}.menu-toggle__line{height:1px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.mobile-panel{position:fixed;inset:var(--header-height) var(--space-3) auto;display:none;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-hover)}.mobile-panel.is-open{display:block}.mobile-panel .site-nav,.mobile-panel .lang-switcher{display:flex;margin:0}.mobile-panel .site-nav{flex-direction:column;align-items:stretch}.mobile-panel .nav-link{justify-content:space-between}.mobile-panel .lang-switcher{width:max-content;margin-top:var(--space-3)}.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-12) 0 var(--space-6)}.site-footer p,.site-footer a{color:var(--color-footer-muted)}.site-footer a:hover{color:var(--color-white)}.site-footer__grid{display:grid;gap:var(--space-8)}.site-footer__brand{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__logo{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;color:var(--color-white);font-size:var(--text-lg);font-weight:800}.site-footer__logo img{width:2rem;height:2rem;border-radius:var(--radius-lg)}.site-footer__title{color:var(--color-white);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-3)}.site-footer__links{display:grid;gap:var(--space-2);font-size:var(--text-sm)}.site-footer__bottom{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);font-size:var(--text-sm)}.site-footer__bottom-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.site-footer__bottom-link:hover{color:var(--color-primary)}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--color-border) 38%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--color-border) 38%,transparent) 1px,transparent 1px),var(--color-bg);background-size:44px 44px;border-bottom:1px solid var(--color-border);padding:var(--space-20) 0;text-align:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--color-bg) 0%,color-mix(in srgb,var(--color-bg) 88%,transparent) 36%,var(--color-bg) 100%),linear-gradient(135deg,color-mix(in srgb,var(--color-primary-soft) 78%,transparent),transparent 44%),linear-gradient(315deg,color-mix(in srgb,var(--color-accent-soft) 78%,transparent),transparent 42%);pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:50rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.hero__eyebrow{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--space-3);border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 88%,var(--color-primary-soft));color:var(--color-primary);font-size:var(--text-sm);font-weight:700}.hero__title{max-width:48rem;font-size:var(--text-5xl);font-weight:800}.hero__subtitle{color:var(--color-text);font-size:var(--text-xl);font-weight:700}.hero__desc{max-width:40rem;font-size:var(--text-lg)}.hero-search{width:min(100%,38rem);display:flex;align-items:center;gap:var(--space-3);min-height:3.25rem;margin-top:var(--space-2);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);text-align:left;box-shadow:0 16px 36px #11182714}[data-theme=dark] .hero-search{box-shadow:0 16px 36px #0000003d}.hero-search svg{flex:0 0 auto;color:var(--color-text-subtle)}.hero-search input{width:100%;border:0;outline:0;background:transparent;color:var(--color-text);min-height:3rem}.hero-search input::placeholder{color:var(--color-text-subtle);opacity:1}.cat-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3);background:var(--color-bg-soft);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.cat-chip{padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-muted);transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.cat-chip:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.cat-chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.cat-chip--active:hover{background:var(--color-primary-hover);color:#fff}.tool-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--text-lg)}.tool-empty p{margin-bottom:var(--space-4)}.search-toolbar{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.search-toolbar .cat-filter{margin-bottom:0}.search-count{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.tool-card{position:relative;overflow:hidden;display:flex;min-height:11rem;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.tool-card[hidden]{display:none}.tool-card:before{content:"";position:absolute;inset:0 0 auto;height:.25rem;background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-highlight));opacity:0;transition:opacity .16s ease}.tool-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--shadow-hover)}.tool-card:hover:before{opacity:1}.tool-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tool-card__icon{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary-soft) 72%,var(--color-surface));font-size:var(--text-xl)}.tool-card__arrow{color:var(--color-text-subtle);transition:color .16s ease,transform .16s ease}.tool-card:hover .tool-card__arrow{color:var(--color-primary);transform:translate(2px)}.tool-card__name{color:var(--color-text);font-size:var(--text-base);font-weight:700;line-height:1.35}.tool-card__desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.tool-card__link{display:none}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span:last-child{color:var(--color-text);font-weight:600}.tool-page{padding-block:var(--space-8) var(--space-16)}.tool-page__header{display:grid;gap:var(--space-3);max-width:48rem;margin-bottom:var(--space-5)}.tool-page__title{font-size:clamp(var(--text-3xl),5vw,var(--text-4xl));font-weight:800}.tool-page__subtitle{font-size:var(--text-lg)}.tool-page__privacy{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;margin-bottom:var(--space-6);padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--color-success) 35%,transparent);border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-sm);font-weight:600}.tool-shell{display:grid;gap:var(--space-6);align-items:start}.tool-shell__main,.tool-shell__aside{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-5)}.tool-shell__aside{display:grid;gap:var(--space-4)}.tool-shell__title{font-size:var(--text-lg);font-weight:700}.privacy-list{display:grid;gap:var(--space-3);list-style:none;padding:0;color:var(--color-text-muted);font-size:var(--text-sm)}.privacy-list li{display:flex;gap:var(--space-2)}.privacy-list li:before{content:"";flex:0 0 .5rem;width:.5rem;height:.5rem;margin-top:.55rem;border-radius:var(--radius-full);background:var(--color-success)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.form-input,.form-select,.form-textarea{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.form-textarea{min-height:10rem;padding-block:var(--space-3);resize:vertical;line-height:var(--leading-body)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-subtle);opacity:1}.btn{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--outline{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{background:var(--color-bg-muted);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-border)}.btn--sm{min-height:2rem;padding:0 var(--space-3);font-size:var(--text-xs)}.btn--lg{min-height:2.75rem;padding:0 var(--space-5);font-size:var(--text-base)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.52;transform:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-3);margin:var(--space-5) 0}.stat-card{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-value{color:var(--color-primary);font-size:var(--text-2xl);font-weight:800}.stat-label{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.upload-area{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-4);text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease;color:var(--color-text-muted);background:var(--color-bg-soft)}.upload-area:hover,.upload-area.drag-over{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.upload-area__icon{width:max-content;margin-inline:auto;margin-bottom:var(--space-2);font-size:var(--text-3xl)}.upload-area__text{font-size:var(--text-sm);font-weight:600}.upload-area__hint{font-size:var(--text-xs);margin-top:var(--space-1)}.result-area,.qr-output{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.result-area{margin-top:var(--space-5)}.result-area__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.converter-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}.validation-valid,.validation-invalid{font-size:var(--text-lg);font-weight:800}.validation-valid{color:var(--color-success)}.validation-invalid{color:var(--color-danger)}.validation-steps{overflow-x:auto;margin-top:var(--space-4);font-size:var(--text-sm)}.validation-steps table{width:100%;border-collapse:collapse}.validation-steps td,.validation-steps th{padding:var(--space-2);border:1px solid var(--color-border);font-size:var(--text-xs);text-align:center}.validation-steps th{background:var(--color-bg-muted);font-weight:700}.qr-output{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}#qr-canvas{border-radius:var(--radius-md);background:#fff}.image-preview-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.image-preview-item{display:grid;grid-template-columns:4.5rem 1fr;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.image-preview-item img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:var(--radius-md)}.image-preview-info{min-width:0;font-size:var(--text-sm)}.image-preview-info strong{display:block;color:var(--color-text)}.image-save{color:var(--color-success);font-size:var(--text-xs);font-weight:700}.tool-explainer{margin-top:var(--space-10);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.tool-explainer__eyebrow{margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--text-xs);font-weight:800;text-transform:uppercase}.tool-explainer h2{margin-bottom:var(--space-3);font-size:var(--text-2xl)}.tool-explainer p{color:var(--color-text-muted);line-height:var(--leading-body)}.tool-explainer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}.tool-explainer__grid h3{margin-bottom:var(--space-2);font-size:var(--text-base)}.tool-explainer__grid p{font-size:var(--text-sm)}.faq-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.faq-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.faq-item+.faq-item{margin-top:var(--space-3)}.faq-item details summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:3rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-weight:700;list-style:none}.faq-item details summary::-webkit-details-marker{display:none}.faq-item details summary:after{content:"+";color:var(--color-text-muted);font-size:var(--text-xl);line-height:1}.faq-item details[open] summary{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border));background:var(--color-primary-soft)}.faq-item details[open] summary:after{content:"-"}.faq-item details p{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.qr-fields{margin-top:0}.slider-group{display:flex;align-items:center;gap:var(--space-3)}.slider-group input[type=range]{flex:1;accent-color:var(--color-primary)}.slider-value{min-width:3rem;text-align:right;font-size:var(--text-sm);font-weight:700}.preset-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.preset-btn{min-height:2rem;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:700;transition:background .16s ease,border-color .16s ease,color .16s ease}.preset-btn:hover,.preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media(min-width:640px){.container{padding-inline:var(--space-6)}.lang-switcher{display:flex}.site-footer__grid{grid-template-columns:1.4fr 1fr 1fr}.site-footer__bottom{flex-direction:row;justify-content:space-between}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-preview-item{grid-template-columns:5rem 1fr auto}.image-preview-item img{width:5rem;height:5rem}}@media(min-width:768px){.site-nav{display:flex}.menu-toggle{display:none}.mobile-panel{display:none!important}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-grid{grid-template-columns:1fr 1fr}}@media(max-width:767px){.tool-explainer__grid{grid-template-columns:1fr}}@media(min-width:1024px){.section{padding-block:var(--space-16) var(--space-20)}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-shell{grid-template-columns:minmax(0,1fr) 20rem}.tool-shell__aside{position:sticky;top:calc(var(--header-height) + var(--space-6))}}@media(max-width:420px){.site-logo span:last-child{max-width:8.5rem;overflow:hidden;text-overflow:ellipsis}.hero{padding-block:var(--space-16)}.tool-card{min-height:12rem;padding:var(--space-4)}.tool-explainer{padding:var(--space-5)}.tool-explainer__grid{grid-template-columns:1fr}.tool-card__icon{width:2.5rem;height:2.5rem}}