: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;--blue-600: #2563eb;--blue-700: #1d4ed8;--cyan-400: #22d3ee;--color-bg: #f3f6fb;--color-surface: #ffffff;--color-surface-2: #eaf0f7;--color-text: #0b1b3a;--color-muted: #4a5a78;--color-border: #d6deeb;--color-primary: #1d4ed8;--color-on-primary: #ffffff;--color-link: #1d4ed8;--color-focus: #2563eb;--color-pill-bg: #eaf0f7;--color-pill-text: #3d4d6b;--color-danger: #b42318;--color-success-bg: #e7f6ee;--color-success-text: #0f5132;--color-ok-bg: #15803d;--color-ok-text: #ffffff;--color-header: #ffffff;--hero-bg: #061433;--hero-text: #ffffff;--hero-muted: #b9c7e1;--hero-accent: #22d3ee;--hero-glow: radial-gradient(45% 80% at 50% 0%, rgba(37, 99, 235, .35), transparent 70%), radial-gradient(35% 70% at 0% 50%, rgba(34, 211, 238, .12), transparent 70%), radial-gradient(40% 70% at 100% 100%, rgba(29, 78, 216, .3), 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: #60a5fa;--color-on-primary: #06122b;--color-link: #93c5fd;--color-focus: #93c5fd;--color-pill-bg: #13284f;--color-pill-text: #c3cfe6;--color-danger: #fda4a4;--color-success-bg: #0f3b2c;--color-success-text: #a7f3d0;--color-ok-bg: #34d399;--color-ok-text: #052e1c;--color-header: #0a1834;--hero-bg: #040d24;--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:60;background:color-mix(in srgb,var(--color-header) 94%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;gap:var(--space-3) var(--space-4);min-height:var(--header-h);padding-inline:var(--gutter)}.brand{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-2);min-height:var(--touch);color:var(--color-text);text-decoration:none}.brand-mark{width:auto;height:38px}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{color:var(--color-link);font-weight:800;font-size:1.08rem;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.brand-sub{font-size:.8rem;color:var(--color-muted)}.header-search{flex:1 1 auto;min-width:0;max-width:560px;margin-inline:var(--space-6) auto}.header:not(.has-search) .header-search{visibility:hidden}.header-actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-1);margin-inline-start:auto}.header-actions .btn{border-color:transparent;background:transparent}.header-actions .btn:hover{background:var(--color-surface-2)}.btn-ghost{text-decoration:none}.menu-toggle{display:none}.shell{display:flex;align-items:flex-start;min-height:calc(100vh - var(--header-h))}.shell-main{flex:1 1 auto;min-width:0}.sidebar{position:sticky;top:var(--header-h);display:flex;flex:0 0 252px;flex-direction:column;gap:var(--space-4);height:calc(100vh - var(--header-h));padding:var(--space-4) var(--space-3);overflow-y:auto;background:var(--color-header);border-inline-end:1px solid var(--color-border)}.side-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.side-list-secondary{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.side-link{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch);padding:var(--space-2) var(--space-3);color:var(--color-text);font-weight:550;font-size:.9rem;line-height:1.3;text-decoration:none;border-radius:var(--radius-sm)}.side-link:hover{background:var(--color-surface-2)}.side-link[aria-current=page]{color:var(--color-link);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-header))}.side-icon{display:grid;flex-shrink:0;place-items:center;width:28px;height:28px;color:var(--color-link)}.side-icon-tile{color:#fff;background:linear-gradient(135deg,var(--accent, #2563eb),var(--accent-2, #3b82f6));border-radius:8px}.side-label{flex:1 1 auto;min-width:0}.side-chevron{display:grid;color:var(--color-muted)}.side-card{margin-top:auto;padding:var(--space-4);background:var(--color-success-bg);border-radius:var(--radius-md)}.side-card-icon{display:grid;color:var(--color-success-text)}.side-card-title{margin-top:var(--space-2);font-weight:750}.side-card-text{margin-top:var(--space-1);font-size:.85rem;color:var(--color-muted)}@media(max-width:1023.98px){.menu-toggle{display:inline-flex}.sidebar{position:fixed;inset-block:var(--header-h) 0;inset-inline-start:0;z-index:55;width:min(300px,86vw);height:auto;box-shadow:var(--shadow-lg);transform:translate(-105%);visibility:hidden;transition:transform .2s var(--ease),visibility .2s}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.open{transform:none;visibility:visible}.header-search{display:none}}@media(max-width:767.98px){.header-source-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.header-source{width:var(--touch);padding:0}}@media(max-width:479.98px){.header-inner{gap:var(--space-2)}.header-source,.brand-sub{display:none}.brand-name{font-size:.86rem}.brand-mark{height:30px}.btn-lang{padding:0 var(--space-2)}.btn-lang .icon{display:none}}@media(max-width:419.98px){.brand-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.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:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' fill='none' stroke='%233b82f6' stroke-opacity='.3' stroke-width='1.2'%3E%3Cpath d='M0 40h60l20 20h60M140 60l20-20h80M0 120h40l20-20h90l20 20h70M100 0v30l20 20M200 160v-30l-20-20'/%3E%3Ccircle cx='140' cy='60' r='3' fill='%233b82f6'/%3E%3Ccircle cx='60' cy='100' r='3' fill='%233b82f6'/%3E%3Ccircle cx='120' cy='50' r='2.5'/%3E%3Ccircle cx='180' cy='110' r='3'/%3E%3C/svg%3E");background-size:240px 160px;mask-image:linear-gradient(90deg,#000 0%,transparent 45%)}.hero-inner{display:grid;gap:var(--space-8);align-items:center;padding:var(--space-12) var(--gutter)}.hero-main{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.hero-art{display:none}@media(min-width:1100px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(250px,300px);padding-inline:var(--space-8)}}@media(min-width:1400px){.hero-inner{grid-template-columns:minmax(0,1fr) 280px minmax(250px,290px)}.hero-art{position:relative;display:block;height:280px}}.hero-title{font-size:clamp(2rem,1.2rem + 3vw,3.25rem);font-weight:850;line-height:1.1;letter-spacing:-.025em}.hero-title-lead,.hero-title-accent{display:block}@media(min-width:560px){.hero-title-lead,.hero-title-accent{white-space:nowrap}}.hero-title-accent{color:var(--hero-accent)}.hero-text{max-width:54ch;margin-top:var(--space-5);color:var(--hero-muted);font-size:clamp(1rem,.95rem + .3vw,1.1rem)}.art-laptop{position:absolute;inset:40px 10px auto 20px;transform:rotate(-12deg)}.art-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:150px;padding:var(--space-4);background:linear-gradient(160deg,#0b2a6b,#061433);border:6px solid #1e293b;border-radius:12px 12px 4px 4px;box-shadow:0 0 40px #3b82f673,inset 0 0 30px #22d3ee26}.art-name{font-size:.85rem;font-weight:800;letter-spacing:.04em;color:#e0f2fe}.art-sub{font-size:.7rem;color:#93c5fd}.art-base{height:12px;margin:0 -18px;background:linear-gradient(180deg,#334155,#0f172a);border-radius:0 0 10px 10px}.art-tile{position:absolute;display:grid;place-items:center;width:46px;height:46px;color:#a5f3fc;background:linear-gradient(160deg,#2563eb99,#061433cc);border:1px solid rgba(96,165,250,.5);border-radius:12px;box-shadow:0 0 18px #22d3ee4d}.art-tile-1{top:0;left:18%}.art-tile-2{top:0;right:6%;color:#bbf7d0;background:linear-gradient(160deg,#16a34ab3,#061433cc)}.art-tile-3{top:34%;right:-4%}.art-tile-4{bottom:10%;left:0}.art-tile-5{right:10%;bottom:0;color:#fff;background:linear-gradient(160deg,#22c55e,#15803d)}.hero-features{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:640px)and (max-width:1099.98px){.hero-features{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-4);background:linear-gradient(160deg,var(--tone-bg),rgba(255,255,255,.03));border:1px solid var(--tone-border);border-radius:var(--radius-md)}.feature-green{--tone: #22c55e;--tone-bg: rgba(22, 163, 74, .28);--tone-border: rgba(74, 222, 128, .35)}.feature-blue{--tone: #3b82f6;--tone-bg: rgba(37, 99, 235, .3);--tone-border: rgba(96, 165, 250, .4)}.feature-purple{--tone: #8b5cf6;--tone-bg: rgba(124, 58, 237, .3);--tone-border: rgba(167, 139, 250, .4)}.feature-icon{display:grid;flex-shrink:0;place-items:center;width:48px;height:48px;color:#fff;background:var(--tone);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--tone) 60%,transparent)}.feature-body{display:flex;flex-direction:column;min-width:0}.feature-title{font-size:.98rem;font-weight:750}.feature-text{font-size:.85rem;color:var(--hero-muted)}.search{width:100%;max-width:640px;margin-top:var(--space-8);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)}.header-search .search{position:relative;max-width:none;margin:0}.header-search .search-input{min-height:42px;font-size:.95rem;color:var(--color-text);background:var(--color-surface-2);border-color:var(--color-border);box-shadow:none}.header-search .search-hint,.header-search .search-scope{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.header-search .search-popup{position:absolute;inset-inline:0;top:100%;z-index:70;margin-top:var(--space-2)}.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-ok-text);background:var(--color-ok-bg);border-color:transparent}.pill-planned{color:var(--color-link);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border-color:transparent}.section{padding:var(--space-8) var(--gutter) 0}@media(min-width:1100px){.section{padding-inline:var(--space-8)}}.section-toolkits{padding-top:var(--space-6)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-5) var(--space-8)}.section-intro{flex:1 1 320px}.section-title{font-size:clamp(1.4rem,1.2rem + .8vw,1.8rem);font-weight:800;letter-spacing:-.02em}.section-title-icon{display:flex;align-items:center;gap:var(--space-3)}.title-star{display:grid;color:#f59e0b}.title-star .icon{fill:currentColor}.btn-outline{color:var(--color-link);text-decoration:none;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));border-radius:var(--radius-pill)}.section-text{margin-top:var(--space-1);color:var(--color-muted)}.toolkit-nav{margin-top:0}.toolkits-body:not(:empty){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)}.grid>.card:last-child:nth-child(odd){grid-column:1 / -1}}@media(min-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.grid>.card:last-child:nth-child(odd){grid-column:auto}}@media(min-width:1400px){.grid{grid-template-columns:repeat(5,1fr)}}.card-general{--accent: #2563eb;--accent-2: #3b82f6}.card-jobs{--accent: #15803d;--accent-2: #22c55e}.card-bangla{--accent: #7c3aed;--accent-2: #a78bfa}.card-files{--accent: #dc2626;--accent-2: #f97316}.card-network{--accent: #1d4ed8;--accent-2: #06b6d4}.card{position:relative;display:flex;flex-direction:column;padding:var(--space-4);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(-2px);border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:var(--shadow-md)}.card:focus-within,.card-active{border-color:var(--color-primary)}.card-active{box-shadow:0 0 0 1px var(--color-primary),var(--shadow-md)}.card-top{display:flex;align-items:flex-start;gap:var(--space-3)}.card-heading{min-width:0}.card-icon{display:grid;flex-shrink:0;place-items:center;width:46px;height:46px;color:#fff;background:linear-gradient(135deg,var(--accent, #2563eb),var(--accent-2, #3b82f6));border-radius:var(--radius-md);box-shadow:0 8px 18px -10px var(--accent, #2563eb)}.card-icon-lg{width:60px;height:60px}.card-title{font-size:.95rem;font-weight:750;line-height:1.3}.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-1);font-size:.82rem;line-height:1.45;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-4);font-size:.82rem}.card-count{color:var(--color-muted);font-weight:600}.card-cta{display:grid;flex-shrink:0;place-items:center;width:34px;height:34px;color:var(--color-link);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border-radius:50%;transition:transform .2s var(--ease)}.card:hover .card-cta,.card-active .card-cta{transform:translate(2px);color:var(--color-on-primary);background:var(--color-primary)}.panel{padding:var(--space-5);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-6) var(--space-8)}}.panel-head{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-5);align-items:center}.panel-intro{flex:1 1 240px;min-width:0}.panel-title{font-size:clamp(1.3rem,1.15rem + .7vw,1.65rem);font-weight:800}.panel-text{margin-top:var(--space-1);color:var(--color-muted)}.panel-subtitle{margin-top:var(--space-6);font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);font-weight:650;font-size:.92rem;text-decoration:none;color:var(--color-link);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-radius:var(--radius-pill)}.back-link:hover{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))}.tool-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;margin:var(--space-3) 0 0;padding:0;list-style:none}@media(min-width:1100px){.tool-grid{grid-template-columns:repeat(2,1fr)}}.tool{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2) var(--space-4);align-items:center;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(min-width:560px){.tool{grid-template-columns:auto minmax(0,1fr) auto}}.tool:focus{border-color:var(--color-primary);outline:2px solid var(--color-focus);outline-offset:1px}.tool-icon{display:grid;place-items:center;width:44px;height:44px;color:var(--accent, #2563eb);background:color-mix(in srgb,var(--accent, #2563eb) 12%,var(--color-surface));border-radius:var(--radius-sm)}:root[data-theme=dark] .tool-icon{color:color-mix(in srgb,var(--accent-2, #3b82f6) 70%,#ffffff)}.tool-body{min-width:0}.tool-name{font-size:1rem;font-weight:700}.tool-desc{margin-top:2px;font-size:.88rem;color:var(--color-muted)}.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);grid-column:2 / -1}@media(min-width:560px){.tool-actions{grid-column:auto;justify-content:flex-end}}.tool-available{background:var(--color-surface)}.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,.tool-soon{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-3);font-size:.85rem;font-weight:650;white-space:nowrap;border-radius:var(--radius-pill)}.tool-cta{color:var(--color-link);border:1px solid color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.tool-available:hover .tool-cta{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.tool-soon{color:var(--color-muted);background:var(--color-surface-2)}.featured-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin:var(--space-5) 0 0;padding:0;list-style:none}@media(min-width:640px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){.featured-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tool-card-top{display:flex;align-items:flex-start;gap:var(--space-3)}.tool-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.tool-card .tool-name{font-size:.93rem;line-height:1.3}.tool-card .tool-desc{margin-top:var(--space-1);font-size:.82rem;line-height:1.45}.tool-card .pill{padding:0 var(--space-2);font-size:.72rem}.tool-card-foot{display:flex;justify-content:flex-end;margin-top:auto}.about{display:grid;gap:var(--space-5) var(--space-8);align-items:center;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:720px){.about{grid-template-columns:auto minmax(0,1fr);padding:var(--space-6) var(--space-8)}.principles{grid-column:1 / -1}}@media(min-width:1500px){.about{grid-template-columns:auto minmax(300px,1fr) auto}.principles{grid-column:auto}}.about-logo{width:auto;height:64px}.about-title{font-size:1.2rem;font-weight:800}.about-text{max-width:64ch;margin-top:var(--space-1);font-size:.92rem;color:var(--color-muted)}.principles{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);margin:0;padding:0;list-style:none}@media(min-width:1500px){.principles{padding-inline-start:var(--space-6);border-inline-start:1px solid var(--color-border)}}.principles li{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem}.principle-body{display:flex;flex-direction:column;line-height:1.3}.principle-body strong{font-weight:700}.principle-body span{color:var(--color-muted)}.principle-icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,var(--color-surface));border-radius:50%}.principle-green{--tone: #15803d}.principle-blue{--tone: #1d4ed8}.principle-purple{--tone: #7c3aed}.principle-orange{--tone: #c2410c}:root[data-theme=dark] .principles li{--tone: #93c5fd}.footer{margin-top:var(--space-10);padding:var(--space-6) var(--gutter);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-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}.pill-online{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-pill-text);background:var(--color-pill-bg);border-color:transparent}.net-notice{display:grid;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-4);font-size:.92rem;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-inline-start-width:4px;border-radius:var(--radius-md)}.net-notice p{margin:0}.net-notice-title{margin:0;font-size:1rem}.net-notice-strong{font-weight:650}.net-status-area{margin-top:var(--space-3)}.net-status,.net-error{margin:0;font-size:.92rem}.net-status{color:var(--color-muted)}.net-error{font-weight:600;color:var(--color-danger)}.dns-table-wrap{margin-top:var(--space-4);overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.dns-table{width:100%;border-collapse:collapse;font-size:.9rem}.dns-table th,.dns-table td{padding:var(--space-2) var(--space-3);text-align:start;vertical-align:top;border-bottom:1px solid var(--color-border)}.dns-table tbody tr:last-child td{border-bottom:0}.dns-table .dns-data{min-width:12rem;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.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;white-space:pre-line}.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)}.photo-controls .field-grid,.photo-controls .radio-group{margin-top:var(--space-4)}.photo-plan{margin:var(--space-4) 0 0;font-weight:600;overflow-wrap:anywhere}.photo-plan:empty{display:none}