:root{color-scheme:light;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Bengali", "Hind Siliguri", "Nirmala UI", sans-serif;--navy-950: #061024;--navy-900: #0b1b3a;--navy-800: #12305e;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-700: #0f766e;--color-bg: #f4f7fb;--color-surface: #ffffff;--color-surface-2: #eaf0f7;--color-text: #0b1b3a;--color-muted: #4a5a78;--color-border: #d6deeb;--color-primary: #0f766e;--color-on-primary: #ffffff;--color-link: #0f766e;--color-focus: #0d9488;--color-pill-bg: #eaf0f7;--color-pill-text: #3d4d6b;--color-danger: #b42318;--color-success-bg: #e6f6f3;--color-success-text: #0b5f58;--hero-bg: #0b1b3a;--hero-text: #ffffff;--hero-muted: #b9c7e1;--hero-accent: #5eead4;--hero-glow: radial-gradient(50% 70% at 85% 0%, rgba(45, 212, 191, .28), transparent 70%), radial-gradient(40% 60% at 10% 100%, rgba(18, 48, 94, .9), transparent 70%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(11, 27, 58, .06);--shadow-md: 0 10px 30px -12px rgba(11, 27, 58, .22);--shadow-lg: 0 24px 60px -24px rgba(6, 16, 36, .55);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--container: 1160px;--gutter: 16px;--header-h: 64px;--touch: 44px;--ease: cubic-bezier(.2, .7, .2, 1)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #07122a;--color-surface: #0d1d3d;--color-surface-2: #13284f;--color-text: #e8eefc;--color-muted: #a9b7d3;--color-border: #22396a;--color-primary: #2dd4bf;--color-on-primary: #04211f;--color-link: #5eead4;--color-focus: #5eead4;--color-pill-bg: #13284f;--color-pill-text: #c3cfe6;--color-danger: #fda4a4;--color-success-bg: #0f3b44;--color-success-text: #99f6e4;--hero-bg: #061024;--shadow-sm: none;--shadow-md: 0 10px 30px -12px rgba(0, 0, 0, .6)}@media(min-width:640px){:root{--gutter: 24px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.6;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}:lang(bn){line-height:1.75}h1,h2,h3,h4,h5{margin:0;line-height:1.25;text-wrap:balance}p{margin:0}a{color:var(--color-link)}img,svg{display:block;flex-shrink:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}[tabindex="-1"]:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-4);top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-weight:600;transform:translateY(-200%)}.skip-link:focus{transform:none}main:focus{outline:none}section[id],#category-heading,.tool{scroll-margin-top:calc(var(--header-h) + var(--space-4))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);font:inherit;font-weight:600;font-size:.95rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s var(--ease),border-color .15s var(--ease)}.btn:hover{background:var(--color-surface-2)}.btn-icon{width:var(--touch);padding:0}.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 95%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{position:relative;display:flex;align-items:center;gap:var(--space-4);min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--touch);color:var(--color-text);font-weight:750;font-size:1.05rem;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--navy-800) 0%,var(--teal-700) 100%);color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff26}.nav{display:flex;align-items:center;gap:var(--space-1);margin-inline-start:auto}.nav-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-muted);font-weight:550;text-decoration:none}.nav-link:hover{color:var(--color-text);background:var(--color-surface-2)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.menu-toggle{display:none}@media(max-width:859.98px){.menu-toggle{display:inline-flex}.header-actions{margin-inline-start:auto}.nav{position:absolute;top:calc(100% + 1px);inset-inline:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0 var(--gutter);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md)}.nav.open{display:flex}.nav-link{padding:0 var(--space-4)}}@media(max-width:479.98px){.brand-name{font-size:.95rem}.btn-lang{padding:0 var(--space-3)}.btn-lang .icon{display:none}}@media(max-width:379.98px){.brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.hero{position:relative;overflow:hidden;color:var(--hero-text);background:var(--hero-glow),var(--hero-bg);isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 70% at 50% 30%,#000 30%,transparent 80%)}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:var(--space-16) var(--space-12)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:.85rem;font-weight:550;color:var(--hero-muted);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);background:#ffffff0f}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 0 4px #5eead42e}.hero-title{max-width:18ch;margin-top:var(--space-6);font-size:clamp(2rem,1.2rem + 3.6vw,3.6rem);font-weight:800;letter-spacing:-.025em}.hero-text{max-width:62ch;margin-top:var(--space-5);color:var(--hero-muted);font-size:clamp(1rem,.95rem + .3vw,1.15rem)}.search{width:100%;max-width:640px;margin-top:var(--space-10);text-align:start}.search-field{position:relative;display:flex;align-items:center;color:var(--color-muted)}.search-field>.icon{position:absolute;inset-inline-start:var(--space-4);pointer-events:none}.search-input{width:100%;min-height:56px;padding:0 56px 0 48px;font:inherit;font-size:1.05rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);appearance:none}.search-input::placeholder{color:var(--color-muted);opacity:1}.search-input:focus-visible{outline-color:var(--hero-accent)}.search-kbd{position:absolute;inset-inline-end:var(--space-4);padding:2px 8px;font:inherit;font-size:.8rem;color:var(--color-muted);border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-2)}.search-input:focus+.search-kbd,.search-input:not(:placeholder-shown)+.search-kbd{display:none}@media(max-width:639.98px){.search-kbd{display:none}.search-input{padding-inline-end:var(--space-4)}}.search-hint,.search-scope{margin-top:var(--space-3);font-size:.85rem;color:var(--hero-muted)}.search-scope{color:var(--hero-accent);font-weight:600}.search-popup{margin-top:var(--space-3)}.search-listbox{max-height:min(360px,50vh);margin:0;padding:var(--space-2);overflow-y:auto;list-style:none;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.search-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.search-option:hover{background:var(--color-surface-2)}.search-option[aria-selected=true]{background:var(--color-surface-2);box-shadow:inset 3px 0 0 var(--color-primary)}.search-option-text{display:flex;flex-direction:column;min-width:0}.search-option-name{font-weight:600}.search-option-meta{font-size:.85rem;color:var(--color-muted)}.search-empty{padding:var(--space-3) var(--space-4);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pill{flex-shrink:0;padding:2px var(--space-3);font-size:.78rem;font-weight:650;line-height:1.6;color:var(--color-pill-text);background:var(--color-pill-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);white-space:nowrap}.pill-available{color:var(--color-on-primary);background:var(--color-primary);border-color:transparent}.section{padding-block:var(--space-16) 0}.section-title{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:750;letter-spacing:-.02em}.chips{margin-top:var(--space-6)}.chips ul{display:flex;gap:var(--space-2);margin:0;padding:0 0 var(--space-2);list-style:none;overflow-x:auto;scrollbar-width:thin}@media(min-width:640px){.chips ul{flex-wrap:wrap;overflow:visible}}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--space-4);font-size:.92rem;font-weight:600;color:var(--color-muted);text-decoration:none;white-space:nowrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.chip:hover{color:var(--color-text);border-color:var(--color-muted)}.chip[aria-current=page]{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.toolkits-body{margin-top:var(--space-6)}.grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin:0;padding:0;list-style:none}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media(min-width:640px)and (max-width:1023.98px){.grid>.card:last-child:nth-child(odd){grid-column:1 / -1}}@media(min-width:1024px){.grid{grid-template-columns:repeat(6,1fr)}.grid>.card{grid-column:span 2}.grid>.card:nth-child(n+4){grid-column:span 3}}.card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:var(--shadow-md)}.card:focus-within{border-color:var(--color-primary)}.card-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--color-link);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);border-radius:var(--radius-md)}.card-icon-lg{width:60px;height:60px}.card-title{margin-top:var(--space-5);font-size:1.15rem;font-weight:700}.card-link{color:var(--color-text);text-decoration:none}.card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{outline:3px solid var(--color-focus);outline-offset:2px}.card-text{margin-top:var(--space-2);color:var(--color-muted)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-5);font-size:.88rem}.card-count{color:var(--color-muted);font-weight:550}.card-cta{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-link);font-weight:650}.card:hover .card-cta .icon{transform:translate(3px)}.card-cta .icon{transition:transform .2s var(--ease)}.panel{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media(min-width:640px){.panel{padding:var(--space-8)}}.panel-head{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.panel-head>div:last-child{flex:1 1 260px}.panel-title{font-size:clamp(1.35rem,1.15rem + .8vw,1.75rem);font-weight:750}.panel-text{margin-top:var(--space-2);color:var(--color-muted)}.panel-subtitle{margin-top:var(--space-8);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.tool-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin:var(--space-4) 0 0;padding:0;list-style:none}@media(min-width:640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}.tool{padding:var(--space-5);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.tool:focus{border-style:solid;border-color:var(--color-primary)}.tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.tool-name{font-size:1.02rem;font-weight:700}.tool-desc{margin-top:var(--space-2);color:var(--color-muted)}.tool-note{margin-top:var(--space-3);font-size:.85rem;color:var(--color-muted);font-style:italic}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);margin-top:var(--space-6);font-weight:650;text-decoration:none}.back-link:hover{text-decoration:underline}.about{padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media(min-width:640px){.about{padding:var(--space-10)}}.about-text{max-width:70ch;margin-top:var(--space-3);color:var(--color-muted)}.principles{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin:var(--space-6) 0 0;padding:0;list-style:none}.principles li{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600}.principles .icon{color:var(--color-link)}.footer{margin-top:var(--space-16);padding-block:var(--space-8);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.9rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-6)}.tool-available{position:relative;background:var(--color-surface);border-style:solid}.tool-available:hover{border-color:var(--color-primary)}.tool-link{color:var(--color-text);text-decoration:none}.tool-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.tool-link:focus-visible{outline:none}.tool-link:focus-visible:after{outline:3px solid var(--color-focus);outline-offset:2px}.tool-cta{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:.88rem;font-weight:650;color:var(--color-link)}.tool-page{padding-top:var(--space-8)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:.9rem;color:var(--color-muted)}.breadcrumb li+li:before{content:"/";margin-inline-end:var(--space-2);color:var(--color-border)}.breadcrumb a{font-weight:600}.tool-header{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start;margin-top:var(--space-6)}.tool-heading{flex:1 1 280px}.tool-title{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);font-weight:800;letter-spacing:-.02em}.tool-header .tool-desc{margin-top:var(--space-2);max-width:65ch;color:var(--color-muted);font-size:1.05rem}.tool-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.pill-local{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success-text);background:var(--color-success-bg);border-color:transparent}.tool-layout{display:grid;gap:var(--space-5);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.tool-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.tool-layout>.tool-notes{grid-column:1 / -1}}.tool-form,.result{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.field-grid{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1fr)}@media(min-width:640px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid>.field:only-child{grid-column:1 / -1}}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field-label{font-weight:650;font-size:.95rem}.input{width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.input:hover{border-color:var(--color-muted)}.input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.textarea{min-height:120px;resize:vertical;line-height:1.6}.textarea[readonly]{background:var(--color-surface-2)}.field-affix{position:relative}.field-affix .input{padding-inline-end:40px}.affix{position:absolute;inset-inline-end:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-muted);font-weight:650;pointer-events:none}.field-hint{font-size:.85rem;color:var(--color-muted)}.field-error{font-size:.88rem;font-weight:600;color:var(--color-danger)}.field-error:before{content:"⚠ "}.static-value{padding:var(--space-2) var(--space-3);min-height:var(--touch);display:flex;align-items:center;color:var(--color-muted);background:var(--color-surface-2);border-radius:var(--radius-sm)}.check{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch);margin-top:var(--space-3)}.check-input{width:20px;height:20px;margin:0;accent-color:var(--color-primary);flex-shrink:0}.radio-group{margin:var(--space-5) 0 0;padding:0;border:0}.radio-group .check{margin-top:var(--space-1)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.btn-primary{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background:color-mix(in srgb,var(--color-primary) 88%,var(--color-text))}.btn-small{min-height:36px;padding:0 var(--space-3);font-size:.85rem}.result-title{font-size:1.05rem;font-weight:750}.result-body{margin-top:var(--space-4)}.result-empty{color:var(--color-muted)}.result-list{display:grid;gap:var(--space-3);margin:0}.result-row{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.result-row dt{font-size:.85rem;font-weight:600;color:var(--color-muted)}.result-row dd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);margin:var(--space-1) 0 0}.result-value{min-width:0;font-weight:600;overflow-wrap:anywhere}.result-row-primary{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.result-row-primary .result-value{font-size:1.25rem;font-weight:750}.result-notes{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;font-size:.9rem;color:var(--color-muted)}.result-notes li{padding-inline-start:var(--space-4);border-inline-start:3px solid var(--color-border)}.copy-status{margin-top:var(--space-3);font-size:.88rem;font-weight:600;color:var(--color-success-text)}.copy-status:empty{display:none}.tool-notes{padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-notes summary{min-height:var(--touch);display:flex;align-items:center;font-weight:700;cursor:pointer}.tool-notes ul{display:grid;gap:var(--space-2);margin:var(--space-2) 0 var(--space-2);padding-inline-start:var(--space-5);color:var(--color-muted)}.tool-privacy{display:flex;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-6);font-size:.9rem;color:var(--color-muted)}.tool-privacy .icon{margin-top:2px;color:var(--color-link)}.related{margin-top:var(--space-10)}.related-title{font-size:1.15rem;font-weight:750}.related-list{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}.related-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch);padding:0 var(--space-4);font-weight:650;text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.related-link:hover{border-color:var(--color-primary)}@media(min-width:1024px){.tool-layout-stacked{grid-template-columns:minmax(0,1fr)}}.textarea-lg{min-height:200px;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere}.counter{font-variant-numeric:tabular-nums}.option-group{display:grid;gap:var(--space-1) var(--space-6);margin:var(--space-6) 0 0;padding:var(--space-4) var(--space-5) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(min-width:768px){.option-group{grid-template-columns:repeat(2,minmax(0,1fr))}.option-group>legend{grid-column:1 / -1}}.option-group>legend{padding:0 var(--space-2)}.option-group .check{margin-top:0;align-items:flex-start;padding-block:var(--space-2)}.option-group .check-input{margin-top:3px}.option-group>.field{margin-top:var(--space-2)}.check-hint{margin:0 0 var(--space-2) calc(20px + var(--space-3))}.result>.field{margin-top:var(--space-4)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);transition:border-color .15s var(--ease),background-color .15s var(--ease)}.dropzone-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg))}.dropzone-icon{display:grid;place-items:center;width:56px;height:56px;color:var(--color-link);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border-radius:var(--radius-pill)}.drop-text{color:var(--color-muted)}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input:focus-visible+label{outline:3px solid var(--color-focus);outline-offset:2px}.image-status:empty,.image-alert[hidden]{display:none}.image-status{margin-top:var(--space-4);font-weight:600;color:var(--color-success-text)}.image-alert{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);font-weight:600;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.image-card+.image-card,.image-input .image-card{margin-top:var(--space-5)}.image-frame{display:grid;place-items:center;margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);background-image:linear-gradient(45deg,var(--color-surface-2) 25%,transparent 25%),linear-gradient(-45deg,var(--color-surface-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--color-surface-2) 75%),linear-gradient(-45deg,transparent 75%,var(--color-surface-2) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-preview{display:block;max-width:100%;max-height:360px;height:auto;object-fit:contain}.image-meta{margin-top:var(--space-4)}@media(min-width:640px){.image-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}.preset-group{margin:var(--space-5) 0 0;padding:0;border:0}.preset-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.preset-buttons .btn{min-width:64px;min-height:var(--touch)}.image-controls .field-grid+.field-grid{margin-top:var(--space-5)}.image-warnings{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.image-warnings:empty{display:none}.image-warnings li{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);font-size:.92rem;background:var(--color-surface-2);border-radius:var(--radius-sm)}.image-warnings .icon{margin-top:3px;color:var(--color-link)}.btn:disabled{opacity:.6;cursor:not-allowed}.image-output .form-actions{margin-top:var(--space-4)}.image-controls>.result-title{margin-bottom:var(--space-4)}.image-controls .preset-group+.field-grid{margin-top:var(--space-5)}a.btn{text-decoration:none}.crop-frame{padding:var(--space-4)}.crop-stage{position:relative;max-width:100%;line-height:0;user-select:none;-webkit-user-select:none}.crop-image{display:block;max-width:100%;max-height:min(70vh,640px);width:auto;height:auto;pointer-events:none;-webkit-user-drag:none}.crop-dim{position:absolute;inset:0;overflow:hidden;pointer-events:none}.crop-hole{position:absolute;box-shadow:0 0 0 100vmax #0000008c}.crop-selection{--handle: 14px;position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #000000b3;cursor:move;touch-action:none}.crop-selection:focus-visible,.crop-handle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.crop-handle{position:absolute;width:var(--handle);height:var(--handle);box-sizing:border-box;border:1px solid #111827;border-radius:3px;background:#fff;touch-action:none}.crop-handle:after{content:"";position:absolute;inset:-10px}.crop-handle-nw,.crop-handle-n,.crop-handle-ne{top:calc(var(--handle) / -2)}.crop-handle-sw,.crop-handle-s,.crop-handle-se{bottom:calc(var(--handle) / -2)}.crop-handle-nw,.crop-handle-w,.crop-handle-sw{left:calc(var(--handle) / -2)}.crop-handle-ne,.crop-handle-e,.crop-handle-se{right:calc(var(--handle) / -2)}.crop-handle-n,.crop-handle-s{left:calc(50% - var(--handle) / 2);cursor:ns-resize}.crop-handle-e,.crop-handle-w{top:calc(50% - var(--handle) / 2);cursor:ew-resize}.crop-handle-nw,.crop-handle-se{cursor:nwse-resize}.crop-handle-ne,.crop-handle-sw{cursor:nesw-resize}@media(pointer:coarse){.crop-selection{--handle: 20px}}.crop-editor .field-hint{margin-top:var(--space-3)}.crop-fields{margin-top:var(--space-4)}.crop-tools{margin-top:var(--space-3)}.crop-tools+.field-grid{margin-top:var(--space-4)}.crop-fields+.field-hint{margin-top:var(--space-3)}.image-file-name{overflow-wrap:anywhere}.quality-field{display:flex;align-items:center;gap:var(--space-4)}.quality-range{flex:1;min-width:0;min-height:var(--touch);margin:0;accent-color:var(--color-primary)}.quality-value{min-width:4ch;font-weight:700;font-variant-numeric:tabular-nums;text-align:end}.compress-controls .radio-group+.field-grid,.compress-controls .field-grid+.field-grid{margin-top:var(--space-4)}