:root{color-scheme:light;color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1d2433;--line:#1d2433;--line-width:2px;--shadow-ink:#1d2433;--paper:#fdf8ee;--primary:#2a62f0;--primary-dark:#1f4fd0;--primary-light:#e9f0ff;--primary-soft:#e9f0ff;--on-primary:#fff;--highlight:#ffd84d;--highlight-soft:#fff1b8;--on-highlight:#1d2433;--marker:#ffd84d;--dot:#1d243313;--text-main:#1d2433;--text:var(--text-main);--text-secondary:#4a5265;--text-muted:#6b7280;--border:#e2d8c3;--background:#fdf8ee;--surface:#fff;--surface-soft:#fff7e6;--danger:#d7373d;--danger-soft:#fdecec;--success:#0b7a4e;--on-success:#fff;--success-soft:#e6f7ef;--warning:#b45309;--warning-soft:#fff4d6;--focus-ring:#2a62f047;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 0 0 #0000;--shadow-md:0 6px 18px #1d24331a;--shadow-lg:0 16px 40px #1d243324;--sticker-xs:2px 2px 0 var(--shadow-ink);--sticker-sm:3px 3px 0 var(--shadow-ink);--sticker:4px 4px 0 var(--shadow-ink);--sticker-lg:6px 6px 0 var(--shadow-ink);--cat-math:#2a62f0;--cat-math-on:#fff;--cat-math-text:#2256dc;--cat-unit:#ff8a3d;--cat-unit-on:#1d2433;--cat-unit-text:#b34a00;--cat-document:#d7373d;--cat-document-on:#fff;--cat-document-text:#c22d33;--cat-learning:#1fa971;--cat-learning-on:#10231b;--cat-learning-text:#0f7a50;--cat-image:#7c4dee;--cat-image-on:#fff;--cat-image-text:#6a3bdc;--cat-developer:#475569;--cat-developer-on:#fff;--cat-developer-text:#475569;--cat:var(--primary);--cat-on:var(--on-primary);--cat-text:var(--primary);background:#fdf8ee;font-family:Microsoft JhengHei UI,Microsoft JhengHei,PingFang TC,Noto Sans TC,system-ui,sans-serif}:root[data-theme=dark]{color-scheme:dark;color:#f3efe4;--ink:#ece8dc;--line:#ece8dc;--shadow-ink:#000;--paper:#14161c;--primary:#7aa2ff;--primary-dark:#9ab8ff;--primary-light:#232b40;--primary-soft:#232b40;--on-primary:#10131a;--highlight:#ffd84d;--highlight-soft:#4a4020;--on-highlight:#1d2433;--marker:#7a6514;--dot:#ece8dc0e;--text-main:#f3efe4;--text:var(--text-main);--text-secondary:#cdc8ba;--text-muted:#a39e91;--border:#3a3f4d;--background:#14161c;--surface:#1d2029;--surface-soft:#272b36;--danger:#ff8086;--danger-soft:#3a1c1f;--success:#4fd39c;--on-success:#10131a;--success-soft:#12301f;--warning:#ffc04d;--warning-soft:#3a2c10;--focus-ring:#7aa2ff66;--shadow-sm:0 0 0 #0000;--shadow-md:0 6px 18px #00000080;--shadow-lg:0 16px 40px #0009;--cat-math:#7aa2ff;--cat-math-on:#10131a;--cat-math-text:#8fb0ff;--cat-unit:#ffa15e;--cat-unit-on:#10131a;--cat-unit-text:#ffab70;--cat-document:#ff7a7f;--cat-document-on:#10131a;--cat-document-text:#ff8f93;--cat-learning:#46cf96;--cat-learning-on:#10131a;--cat-learning-text:#5bd9a4;--cat-image:#b094ff;--cat-image-on:#10131a;--cat-image-text:#baa2ff;--cat-developer:#a9b6c9;--cat-developer-on:#10131a;--cat-developer-text:#b5c1d3;background:#14161c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--text-main);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body{letter-spacing:.01em;line-height:1.65}button,input,select,textarea{letter-spacing:.01em;font-family:inherit}p,li{line-height:1.75}.navbar{z-index:100;background:color-mix(in srgb, var(--background) 90%, transparent);backdrop-filter:blur(16px);border-bottom:1px solid #e5e7ebcc;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:68px;margin:0 auto;display:flex}.brand{letter-spacing:.01em;white-space:nowrap;align-items:center;gap:9px;min-width:0;font-size:18px;font-weight:700;display:flex}.brand-logo{object-fit:contain;flex:none;width:44px;height:44px}.nav-links{color:var(--text-secondary);align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover{color:var(--primary)}.nav-support-link{border:1px solid color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--primary-soft);color:var(--primary);border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:8px 11px;font-weight:800;text-decoration:none;display:inline-flex}.nav-support-link:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 15%, var(--surface));color:var(--primary)}.language-picker{position:relative}.language-picker summary{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;list-style:none;display:flex}.language-picker summary::-webkit-details-marker{display:none}.language-menu{z-index:110;border:1px solid var(--border);background:var(--surface);width:300px;box-shadow:var(--shadow-md);border-radius:12px;grid-template-columns:repeat(2,minmax(130px,1fr));gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.language-menu a{border-radius:8px;padding:9px 10px;font-weight:600}[dir=rtl] .language-menu{left:0;right:auto}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:9px;place-items:center;font-size:18px;display:grid}.theme-toggle:hover{color:var(--primary);border-color:var(--primary)}.mobile-nav-actions,.mobile-menu-overlay,.mobile-nav-drawer{display:none}html.mobile-menu-open,body.mobile-menu-open{overflow:hidden}@media (width<=900px){.navbar-inner{width:calc(100% - 24px)}.nav-links{display:none}.mobile-nav-actions{align-items:center;gap:8px;display:flex}.mobile-nav-actions .nav-support-link{min-height:42px;padding:8px 12px}.mobile-menu-toggle,.mobile-menu-close{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text-main);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.mobile-menu-toggle{gap:4px;padding:10px}.mobile-menu-toggle>span{background:currentColor;border-radius:999px;width:20px;height:2px;display:block}.mobile-menu-toggle:hover,.mobile-menu-close:hover{border-color:var(--primary);color:var(--primary)}.mobile-menu-close{font-size:26px;line-height:1}.mobile-menu-overlay{z-index:120;visibility:hidden;cursor:pointer;opacity:0;background:#0f172a7a;border:0;padding:0;transition:opacity .18s,visibility .18s;display:block;position:fixed;inset:0}.mobile-menu-overlay.is-open{visibility:visible;opacity:1}.mobile-nav-drawer{z-index:130;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;width:min(88vw,360px);height:100dvh;transition:transform .22s;display:flex;position:fixed;top:0;right:0;transform:translate(105%);box-shadow:-18px 0 50px #0f172a2e}.mobile-nav-drawer.is-open{transform:translate(0)}[dir=rtl] .mobile-nav-drawer{border-right:1px solid var(--border);border-left:0;left:0;right:auto;transform:translate(-105%);box-shadow:18px 0 50px #0f172a2e}[dir=rtl] .mobile-nav-drawer.is-open{transform:translate(0)}.mobile-nav-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 16px;display:flex}.mobile-nav-drawer-title{gap:2px;display:grid}.mobile-nav-drawer-title strong{color:var(--text-main);font-size:17px}.mobile-nav-drawer-title span{color:var(--text-muted);font-size:12px}.mobile-nav-scroll{overscroll-behavior:contain;flex:1;padding:16px;overflow-y:auto}.mobile-nav-section-label{color:var(--text-muted);letter-spacing:.12em;margin:18px 4px 8px;font-size:11px;font-weight:800}.mobile-nav-list{gap:6px;display:grid}.mobile-nav-item{min-height:48px;color:var(--text-secondary);border:1px solid #0000;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;font-size:15px;font-weight:700;text-decoration:none;display:grid}.mobile-nav-item:hover,.mobile-nav-item[aria-current=page]{border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--primary-soft);color:var(--primary)}.mobile-nav-item.is-featured{border-color:color-mix(in srgb, var(--primary) 36%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary)}.mobile-nav-icon{background:var(--surface-soft);width:32px;height:32px;color:var(--primary);border-radius:9px;place-items:center;font-size:14px;font-weight:800;display:grid}.mobile-nav-arrow{color:var(--text-muted);font-size:18px}.mobile-nav-settings{border-top:1px solid var(--border);gap:10px;margin-top:18px;padding-top:16px;display:grid}.mobile-nav-settings .theme-toggle{justify-content:flex-start;gap:10px;width:100%;height:auto;min-height:46px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.mobile-nav-settings .theme-toggle>span:first-child{font-size:18px}.mobile-language-picker{width:100%}.mobile-language-picker summary{justify-content:flex-start;min-height:46px;font-size:14px;font-weight:700}.mobile-language-picker .mobile-language-chevron{color:var(--text-muted);margin-left:auto}[dir=rtl] .mobile-language-picker .mobile-language-chevron{margin-left:0;margin-right:auto}.mobile-language-picker .language-menu{width:100%;box-shadow:none;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;position:static}}@media (width<=560px){.brand{font-size:17px}.brand-logo{width:40px;height:40px}.mobile-nav-drawer{width:min(92vw,350px)}}@media (width<=380px){.brand{gap:7px;font-size:16px}.mobile-nav-actions .nav-support-link{width:42px;padding:0}.mobile-nav-actions .nav-support-link span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.mobile-menu-overlay,.mobile-nav-drawer{transition:none}}@media print{.mobile-menu-layer{display:none!important}}.home-page{padding-bottom:80px}.hero{text-align:center;width:min(1180px,100% - 40px);margin:0 auto;padding:82px 0 70px}.hero-badge{border:1px solid var(--border);background:var(--primary-light);color:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{max-width:820px;color:var(--text-main);letter-spacing:.01em;margin:22px auto 18px;font-size:clamp(40px,6vw,66px);font-weight:700;line-height:1.12}.hero-description{color:var(--text-secondary);margin:0;font-size:17px;line-height:1.8}.hero-stat{color:var(--text-secondary);align-items:baseline;gap:7px;margin-top:22px;display:inline-flex}.hero-stat strong{color:var(--primary);font-size:28px;font-weight:700}.hero-stat span{font-size:14px}.search-box{background:var(--surface);border:1px solid var(--border);width:min(720px,100%);height:62px;box-shadow:var(--shadow-md);text-align:left;border-radius:14px;align-items:center;gap:12px;margin:34px auto 0;padding:0 16px;display:flex}.search-box>span{color:var(--text-muted);font-size:24px}.search-box input{width:100%;color:var(--text-main);background:0 0;border:0;outline:0;font-size:15px}.search-box input::placeholder{color:var(--text-muted)}.search-box kbd{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-muted);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px}.category-navigation{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.category-navigation-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:15px;align-items:center;gap:12px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.category-navigation-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.category-navigation-icon{background:var(--primary-light);width:42px;height:42px;color:var(--primary);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.category-navigation-content{flex-direction:column;gap:3px;min-width:0;display:flex}.category-navigation-content strong{color:var(--text-main);font-size:14px;font-weight:600}.category-navigation-content small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.category-navigation-count{background:var(--surface-soft);color:var(--text-muted);border-radius:999px;margin-left:auto;padding:4px 7px;font-size:11px}.home-quick-links{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:13px;display:flex}.home-quick-links a,.recent-tool-link{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:999px;padding:7px 11px;font-weight:600;transition:border-color .16s,color .16s}.home-quick-links a:hover,.recent-tool-link:hover{border-color:var(--primary);color:var(--primary)}.recent-tools-section{margin-bottom:42px}.recent-tools-list{flex-wrap:wrap;gap:10px;display:flex}.recent-tool-link{border-radius:var(--radius-md);padding:11px 14px}.search-empty{border:1px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;margin:24px 0 0;padding:24px}.global-search-empty{width:min(1180px,100% - 40px);margin:0 auto 70px}.popular-tools-section{width:min(1180px,100% - 40px);margin:0 auto 48px}.popular-tools-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.popular-tools-heading h2{color:var(--text-main);margin:0;font-size:22px;font-weight:600}.popular-tools-heading>span{color:var(--text-muted);font-size:13px}.popular-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.popular-tool-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:15px;align-items:center;gap:12px;padding:17px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.popular-tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.popular-tool-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.popular-tool-content{flex-direction:column;gap:4px;min-width:0;display:flex}.popular-tool-content strong{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.popular-tool-content small{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.popular-tool-arrow{color:var(--text-muted);margin-left:auto;transition:color .16s,transform .16s}.popular-tool-card:hover .popular-tool-arrow{color:var(--primary);transform:translate(3px)}.home-tools-layout{grid-template-columns:218px minmax(0,1fr);align-items:start;gap:34px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.tool-sidebar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px 12px;position:sticky;top:88px}.tool-sidebar-heading{flex-direction:column;gap:3px;padding:4px 8px 13px;display:flex}.tool-sidebar-heading span{color:var(--primary);letter-spacing:.12em;font-size:10px;font-weight:700}.tool-sidebar-heading strong{color:var(--text-main);font-size:16px}.tool-filter-navigation{flex-direction:column;gap:4px;display:flex}.tool-filter-button{width:100%;color:var(--text-secondary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:10px 9px;font-size:13px;font-weight:600;display:flex}.tool-filter-button>span{width:22px;color:var(--primary);text-align:center}.tool-filter-button small{color:var(--text-muted);margin-left:auto;font-size:11px}.tool-filter-button:hover,.tool-filter-button.is-active{background:var(--primary-light);color:var(--primary)}.tool-filter-button.is-active small{color:var(--primary)}.home-tools-content{min-width:0}.home-tools-content .popular-tools-section,.home-tools-content .home-section,.home-tools-content .global-search-empty{width:100%}.teacher-tools-section{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:28px}.teacher-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.teacher-tools-grid .tool-card{background:var(--surface);min-height:170px}.teacher-tools-grid .tool-icon{width:44px;height:44px;font-size:14px}.teacher-tools-grid .tool-card-content{padding-top:26px}.home-section{width:min(1180px,100% - 40px);margin:0 auto 70px}.home-seo-intro{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;margin-bottom:42px;padding:28px}.home-seo-intro-content{max-width:900px}.home-seo-intro-content p{color:var(--text-secondary);margin:0;line-height:1.85}.home-seo-intro-content p+p{margin-top:10px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-eyebrow{color:var(--primary);letter-spacing:.14em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.section-heading h2{letter-spacing:.01em;margin:0;font-size:24px}.section-count{color:var(--text-muted);font-size:13px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);min-height:190px;box-shadow:var(--shadow-sm);border-radius:17px;flex-direction:column;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.tool-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.tool-card-top{justify-content:space-between;align-items:center;display:flex}.tool-number{color:var(--text-muted);letter-spacing:.08em;font-size:11px;font-weight:600}.tool-icon{box-sizing:border-box;background:var(--primary);color:#fff;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;width:max-content;min-width:38px;height:38px;padding:0 8px;font-size:15px;font-weight:700;display:flex}.tool-card-content{margin-top:auto;padding-top:35px;padding-bottom:28px}.tool-card-content h3{letter-spacing:.01em;margin:0;font-size:17px}.tool-card-content p{color:var(--text-secondary);margin:7px 0 0;font-size:13px;line-height:1.6}.tool-action{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:600;transition:color .16s,transform .16s;display:inline-flex;position:absolute;bottom:17px;right:20px}.tool-card:hover .tool-action{color:var(--primary);transform:translate(3px)}.disabled-card{cursor:default;opacity:.78}.disabled-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:none}.coming-soon{background:var(--surface-soft);color:var(--text-muted);border-radius:6px;padding:4px 7px;font-size:10px;font-weight:600;position:absolute;top:22px;right:22px}.site-footer{border-top:1px solid var(--border);width:min(1180px,100% - 40px);color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 0 40px;font-size:12px;display:flex}.site-footer>div{flex-direction:column;gap:5px;display:flex}.site-footer strong{color:var(--text-main);font-size:14px}@media (width<=800px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:70px}}.section-description{max-width:680px;color:var(--text-secondary);margin:8px 0 0;line-height:1.7}.international-home .hero h1{max-width:900px;margin-left:auto;margin-right:auto}.language-more-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);padding:28px}.secondary-action{border:1px solid var(--border);background:var(--surface);color:var(--primary);border-radius:10px;margin-top:18px;padding:11px 16px;font-weight:700;display:inline-flex}[dir=rtl] .home-page,[dir=rtl] .tool-page,[dir=rtl] .site-footer{text-align:right}@media (width<=560px){.hero{padding:60px 0 55px}.hero h1{font-size:42px}.hero p{font-size:15px}.search-box{height:56px}.search-box kbd{display:none}.home-section{width:calc(100% - 24px)}.tool-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start;gap:10px}.site-footer{flex-direction:column;align-items:flex-start;gap:20px;width:calc(100% - 24px)}}#math-tools,#unit-tools,#document-tools,#learning-tools,#teacher-tools{scroll-margin-top:90px}@media (width<=800px){.category-navigation,.popular-tools-grid,.teacher-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:175px}}@media (width<=560px){.home-page{padding-bottom:50px}.hero{width:calc(100% - 24px);padding:48px 0 42px}.hero h1{margin-top:18px;font-size:clamp(34px,10vw,44px);line-height:1.18}.hero-description{font-size:14px;line-height:1.7}.hero-description br{display:none}.hero-stat{margin-top:16px}.hero-stat strong{font-size:24px}.search-box{height:54px;margin-top:24px;padding:0 14px}.category-navigation{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;width:calc(100vw - 24px);margin-top:22px;padding:2px 12px 10px;display:flex;overflow-x:auto;transform:translate(-12px)}.category-navigation::-webkit-scrollbar{display:none}.category-navigation-card{scroll-snap-align:start;width:230px;min-width:230px;padding:14px}.category-navigation-content small{white-space:normal;line-height:1.4}.popular-tools-section{width:calc(100% - 24px);margin-bottom:38px}.popular-tools-heading{flex-direction:column;align-items:flex-start;gap:4px}.popular-tools-grid{grid-template-columns:1fr;gap:10px}.popular-tool-card{min-height:76px}.teacher-tools-section{border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:28px}.teacher-tools-grid{grid-template-columns:1fr}.home-section{margin-bottom:50px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:21px}.section-description{font-size:13px}.tool-grid{gap:11px}.tool-card{border-radius:15px;min-height:158px;padding:18px}.tool-card-content{padding-top:22px;padding-bottom:27px}.tool-card-content h3{font-size:16px}.tool-card-content p{font-size:12px;line-height:1.55}.tool-icon{width:max-content;min-width:36px;height:36px;padding:0 7px}.tool-action{bottom:15px;right:18px}.global-search-empty{width:calc(100% - 24px);margin-bottom:50px}.home-tools-layout{width:100%;display:block}.tool-sidebar{z-index:20;background:color-mix(in srgb, var(--background) 94%, transparent);box-shadow:0 8px 14px color-mix(in srgb, var(--background) 65%, transparent);backdrop-filter:blur(12px);border-left:0;border-right:0;border-radius:0;margin-bottom:24px;padding:10px 12px;position:sticky;top:67px}.tool-sidebar-heading{display:none}.tool-filter-navigation{scrollbar-width:none;flex-direction:row;gap:8px;overflow-x:auto}.tool-filter-navigation::-webkit-scrollbar{display:none}.tool-filter-button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;flex:none;width:auto;padding:9px 12px}.tool-filter-button>span{width:auto}.tool-filter-button small{display:none}.home-tools-content .popular-tools-section,.home-tools-content .home-section,.home-tools-content .global-search-empty{width:calc(100% - 24px)}.home-tools-content .tool-card{min-height:116px}.home-tools-content .tool-card-content{padding-top:13px;padding-bottom:24px}.home-tools-content .tool-card-content p{display:none}}.tool-page{background:var(--background);min-height:calc(100vh - 68px);padding:48px 0 80px}.tool-page-inner{width:min(900px,100% - 32px);margin:0 auto}.tool-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:500;display:flex}.tool-breadcrumb a{color:var(--text-secondary);transition:color .16s}.tool-breadcrumb a:hover{color:var(--primary)}.tool-page-header{margin-bottom:32px}.tool-page-header h1{color:var(--text-main);letter-spacing:.01em;margin:0;font-size:clamp(32px,5vw,44px);font-weight:700;line-height:1.15}.tool-page-header p{max-width:650px;color:var(--text-secondary);margin:12px 0 0;font-size:15px;line-height:1.8}.tool-main-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:30px}.tool-input-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.tool-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:11px;outline:none;padding:13px 14px;font-size:16px;transition:border-color .16s,box-shadow .16s}.tool-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring)}.tool-card-title{align-items:center;gap:13px;margin-bottom:26px;display:flex}.tool-card-title h2{color:var(--text-main);margin:0;font-size:18px}.tool-card-title p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.tool-section-icon{background:var(--primary);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex}.tool-primary-button{background:var(--primary);width:100%;color:var(--on-primary);border:0;border-radius:11px;margin-top:8px;padding:14px 20px;font-size:15px;font-weight:600;transition:background .16s,transform .16s;box-shadow:0 6px 16px #4f46e533}.tool-primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.tool-primary-button:active{transform:translateY(0)}.tool-secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600}.tool-secondary-button:hover{background:var(--surface-soft)}.tool-result{background:linear-gradient(180deg, var(--surface) 0%, var(--surface-soft) 100%);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);margin-top:18px;padding:30px}.tool-result-label{color:var(--text-secondary);font-size:13px;font-weight:600}.tool-result-value{color:var(--primary);letter-spacing:.01em;margin-top:8px;font-size:54px;font-weight:700;line-height:1}.tool-explanation{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:18px;padding:28px}.tool-explanation-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.tool-explanation-icon{background:var(--primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:flex}.tool-explanation h2{margin:0;font-size:18px}.tool-explanation h3{margin:24px 0 8px;font-size:15px}.tool-explanation p{color:var(--text-secondary);margin:8px 0;line-height:1.8}.tool-formula{background:var(--surface-soft);color:var(--text-main);white-space:pre-line;border-radius:10px;margin:14px 0;padding:15px 18px;font-family:SFMono-Regular,Consolas,monospace;font-size:16px;font-weight:600;overflow-x:auto}.tool-info-box{background:var(--surface-soft);color:var(--text-secondary);border-radius:11px;margin-top:18px;padding:16px 18px;font-size:13px;line-height:1.7}.tool-section-subtitle{color:var(--text-muted)!important;margin:4px 0 0!important;font-size:13px!important}@media (width<=600px){.tool-page{padding-top:30px}.tool-page-header h1{font-size:32px}.tool-main-card,.tool-explanation{padding:22px}.tool-result{padding:24px 18px}.tool-result-value{font-size:46px}}.factor-main-card{margin-bottom:18px}.factor-input-area{flex-direction:column;display:flex}.factor-number-input{height:54px;font-size:18px;font-weight:600}.factor-input-area .tool-primary-button{margin-top:14px}.factor-result{padding:34px 26px}.factor-list{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:24px;display:flex}.factor-item{border:1px solid var(--border);background:var(--surface-soft);min-width:48px;height:44px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;padding:0 13px;font-size:15px;font-weight:600;transition:transform .16s,background .16s;display:inline-flex}.factor-item:hover{background:var(--primary-light);transform:translateY(-2px)}.factor-count{color:var(--text-muted);margin-top:22px;font-size:13px}.factor-count strong{color:var(--primary)}.factor-pairs{flex-direction:column;gap:9px;display:flex}.factor-pair{border:1px solid var(--border);background:var(--surface-soft);min-height:52px;color:var(--text-secondary);text-align:center;border-radius:10px;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;padding:0 18px;font-size:15px;font-weight:600;display:grid}.factor-pair-symbol,.factor-pair-equals{color:var(--text-muted);font-weight:500}.factor-pair strong{color:var(--primary)}@media (width<=600px){.factor-result{padding:28px 16px}.factor-list{gap:7px}.factor-item{min-width:44px;height:40px;padding:0 10px;font-size:14px}.factor-pair{grid-template-columns:1fr 25px 1fr 25px 1fr;padding:0 10px;font-size:14px}}.gcd-input-list{flex-direction:column;gap:14px;display:flex}.gcd-input-row{position:relative}.gcd-input-label{color:var(--text-secondary);margin-bottom:7px;font-size:13px;font-weight:600}.gcd-input-row .tool-input{padding-right:48px}.gcd-remove-button{background:var(--danger-soft);width:34px;height:34px;color:var(--danger);border:0;border-radius:8px;font-size:20px;position:absolute;bottom:10px;right:10px}.gcd-remove-button:hover{background:var(--danger-soft)}.gcd-actions{grid-template-columns:1fr 2fr;gap:12px;margin-top:20px;display:grid}.gcd-add-button{width:100%}.gcd-actions .tool-primary-button{margin-top:0}.gcd-result{padding:38px 24px}.gcd-result-inputs{color:var(--text-muted);margin-top:14px;font-size:13px}.gcd-factor-list{flex-direction:column;gap:10px;display:flex}.gcd-factor-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;grid-template-columns:80px 30px 1fr;align-items:center;min-height:52px;padding:0 16px;display:grid}.gcd-factor-number{color:var(--text-secondary);font-weight:600}.gcd-factor-equals{color:var(--text-muted);text-align:center}.gcd-factor-formula{color:var(--primary);font-family:SFMono-Regular,Consolas,monospace;font-weight:600}.gcd-final-formula{border:1px solid var(--border);background:var(--primary-light);color:var(--primary)}.gcd-details-button{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-secondary);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.gcd-details-button:hover{background:var(--surface-soft);border-color:var(--border)}.gcd-details{margin-top:26px}.gcd-step{grid-template-columns:42px 1fr;gap:16px;padding-bottom:30px;display:grid;position:relative}.gcd-step:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:42px;bottom:0;left:20px}.gcd-step-number{z-index:1;background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:relative}.gcd-step h3{margin-top:8px}.gcd-final-answer{background:var(--primary-light);color:var(--primary);border-radius:11px;padding:18px;font-family:SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:700}@media (width<=600px){.gcd-actions{grid-template-columns:1fr}.gcd-factor-row{grid-template-columns:60px 24px 1fr;padding:0 12px}.gcd-step{grid-template-columns:34px 1fr;gap:12px}.gcd-step-number{width:34px;height:34px}.gcd-step:not(:last-child):after{left:17px}}.lcm-main-card{overflow:hidden}.lcm-input-area{margin-top:28px}.lcm-input-list{flex-direction:column;gap:14px;display:flex}.lcm-input-row{grid-template-columns:42px 1fr;align-items:center;gap:10px;display:grid;position:relative}.lcm-input-index{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.lcm-input-row .tool-input{width:100%;padding-right:50px}.lcm-remove-button{background:var(--danger-soft);width:34px;height:34px;color:var(--danger);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;font-size:20px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lcm-remove-button:hover{background:var(--danger-soft);transform:translateY(-50%)scale(1.05)}.lcm-actions{grid-template-columns:minmax(150px,.8fr) minmax(200px,2fr);gap:12px;margin-top:20px;display:grid}.lcm-add-button{width:100%}.lcm-result{text-align:center;padding:42px 24px}.lcm-result-number{color:var(--primary);letter-spacing:.01em;margin-top:14px;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(42px,8vw,64px);font-weight:700;line-height:1}.lcm-factor-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.lcm-factor-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;grid-template-columns:80px 30px 1fr;align-items:center;min-height:54px;padding:0 16px;display:grid}.lcm-factor-number{color:var(--text-secondary);font-weight:600}.lcm-factor-equals{color:var(--text-muted);text-align:center}.lcm-factor-formula{color:var(--primary);font-family:SFMono-Regular,Consolas,monospace;font-weight:600}.lcm-final-formula{border:1px solid var(--border);background:var(--primary-light);color:var(--primary)}.lcm-details-button{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.lcm-details-button:hover{background:var(--surface-soft);border-color:var(--border)}.lcm-details{margin-top:30px}.lcm-step{grid-template-columns:42px 1fr;gap:16px;padding-bottom:32px;display:grid;position:relative}.lcm-step:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:42px;bottom:0;left:20px}.lcm-step-number{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:11px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.lcm-step h3{color:var(--text-main);margin:0 0 8px;font-size:16px}.lcm-step p{color:var(--text-muted);margin:6px 0;line-height:1.7}.lcm-final-answer{background:var(--primary-light);color:var(--primary);border-radius:12px;margin-top:14px;padding:18px;font-family:SFMono-Regular,Consolas,monospace;font-size:24px;font-weight:700}@media (width<=600px){.lcm-actions{grid-template-columns:1fr}.lcm-input-row{grid-template-columns:36px 1fr;gap:8px}.lcm-input-index{border-radius:8px;width:32px;height:32px}.lcm-factor-row{grid-template-columns:60px 24px 1fr;padding:0 12px}.lcm-step{grid-template-columns:34px 1fr;gap:12px}.lcm-step-number{width:34px;height:34px}.lcm-step:not(:last-child):after{left:17px}.lcm-result{padding:34px 18px}.lcm-result-number{font-size:44px}}.interactive-container{width:min(1000px,100% - 32px);margin:0 auto;padding:54px 0 90px}.interactive-header{text-align:center;margin-bottom:30px}.interactive-header h1{letter-spacing:.01em;margin:0;font-size:34px;font-weight:700}.interactive-header p{color:var(--text-secondary);margin-top:12px}.interactive-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:28px}.interactive-card h2{margin:0 0 20px;font-size:19px}.slider-group{margin:28px 0}.slider-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.slider-title span{color:var(--text-secondary);font-weight:600}.slider-title strong{color:var(--primary);font-size:28px}.slider-group input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.slider-range{color:var(--text-muted);justify-content:space-between;margin-top:5px;font-size:12px;display:flex}.product-card{text-align:center}.product-equation{justify-content:center;align-items:center;gap:16px;font-size:28px;display:flex}.product-equation strong{color:var(--primary);font-size:42px}.factor-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.number-list{flex-wrap:wrap;gap:7px;display:flex}.number-chip{background:var(--surface-soft);min-width:40px;color:var(--text-main);text-align:center;border-radius:9px;padding:8px 11px;font-size:14px}.number-chip.common{background:var(--primary-light);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.common-box{background:var(--surface-soft);border-radius:var(--radius-md);margin-top:24px;padding:18px}.big-result{color:var(--primary);letter-spacing:.01em;margin-top:6px;font-size:56px;font-weight:700}.formula-text{font-size:17px;font-weight:600}.formula-result{color:var(--primary);font-size:24px;font-weight:700}.explanation-card hr{border:0;border-top:1px solid var(--border);margin:28px 0}@media (width<=800px){.factor-columns{grid-template-columns:1fr}}@media (width<=560px){.interactive-container{width:calc(100% - 24px);padding-top:32px}.interactive-header h1{font-size:28px}.result-number,.big-result{font-size:44px}.product-equation{gap:9px;font-size:22px}.product-equation strong{font-size:30px}}.prime-input-area{gap:14px;margin-top:28px;display:grid}.prime-result{text-align:center}.prime-formula-result,.prime-one-result{color:var(--text-main);overflow-wrap:anywhere;margin-top:14px;font-size:clamp(26px,5vw,44px);font-weight:850}.prime-steps{gap:10px;margin-top:24px;display:grid}.prime-step{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-main);align-items:center;gap:14px;padding:14px 16px;font-weight:600;display:flex}.prime-step-number{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:50%;flex:0 0 36px;place-items:center;font-size:12px;font-weight:850;display:inline-grid}@media (width>=700px){.prime-input-area{grid-template-columns:minmax(0,1fr) auto;align-items:end}.prime-input-area .tool-input-label{grid-column:1/-1}}.fraction-calculator-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;margin:28px 0;display:grid}.fraction-input-group{border:1px solid var(--border);border-radius:var(--radius-lg);gap:9px;min-width:0;margin:0;padding:18px;display:grid}.fraction-input-group legend{color:var(--text-secondary);padding:0 8px;font-size:13px;font-weight:700}.fraction-input-group input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:0;color:var(--text-main);font:inherit;text-align:center;padding:12px}.fraction-line{background:var(--text-main);height:2px}.fraction-operation-symbol{color:var(--primary);font-size:32px;font-weight:800}.fraction-operations{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.fraction-operations button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:11px 8px;font-weight:700}.fraction-operations button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.fraction-submit{width:100%;margin-top:18px}.fraction-result,.fraction-answer{text-align:center}.fraction-answer{margin-top:16px;font-size:42px}.fraction-display{min-width:54px;color:var(--text-main);text-align:center;grid-template-rows:1fr 1fr;font-weight:850;line-height:1.2;display:inline-grid}.fraction-display>span:first-child{border-bottom:2px solid;padding:2px 8px 5px}.fraction-display>span:last-child{padding:5px 8px 2px}.fraction-equation{justify-content:center;align-items:center;gap:16px;margin:26px 0;font-size:24px;display:flex}.fraction-final-formula{overflow-wrap:anywhere}@media (width<=600px){.fraction-calculator-row{grid-template-columns:1fr}.fraction-operation-symbol{text-align:center}.fraction-operations{grid-template-columns:repeat(2,1fr)}.fraction-equation{gap:9px;font-size:18px}}.calculator-mode-tabs{grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0;display:grid}.calculator-mode-tabs button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:12px 10px;font-weight:700}.calculator-mode-tabs button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.percentage-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.percentage-input-grid label{gap:9px;display:grid}.percentage-input-grid label>span{color:var(--text-secondary);font-size:13px;font-weight:700}.percentage-submit,.ratio-submit{width:100%;margin-top:20px}.percentage-result,.ratio-result{text-align:center}.percentage-result p,.ratio-result p{color:var(--text-secondary);margin:12px 0 0}@media (width<=600px){.calculator-mode-tabs,.percentage-input-grid{grid-template-columns:1fr}}.ratio-mode-tabs{grid-template-columns:repeat(2,1fr)}.ratio-inputs{align-items:center;gap:10px;display:grid}.ratio-inputs.simplify{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.ratio-inputs.proportion{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.ratio-inputs>span{color:var(--primary);font-size:24px;font-weight:800}.ratio-unknown{border:1px dashed var(--primary);border-radius:var(--radius-md);background:var(--primary-light);min-height:50px;color:var(--primary);place-items:center;font-size:22px;font-weight:800;display:grid}@media (width<=680px){.ratio-inputs.proportion{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.ratio-inputs.proportion>span:nth-of-type(2){text-align:center;grid-column:1/-1}}.statistics-input-label{color:var(--text-main);gap:10px;margin-top:26px;font-weight:600;display:grid}.statistics-input{resize:vertical;min-height:118px;line-height:1.7}.statistics-submit{width:100%;margin-top:20px}.statistics-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.statistics-results article{border:1px solid var(--border);background:var(--surface);text-align:center;min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;gap:8px;padding:22px 16px;display:grid}.statistics-results span{color:var(--text-secondary);font-size:.9rem;font-weight:600}.statistics-results strong{overflow-wrap:anywhere;color:var(--primary);font-size:clamp(1.35rem,3vw,2rem)}.statistics-explanation{margin-top:24px}.statistics-steps{gap:12px;display:grid}.statistics-steps p{overflow-wrap:anywhere;margin:0;line-height:1.75}@media (width<=760px){.statistics-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.statistics-results{grid-template-columns:1fr}}.ad-slot{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:min(900px,100% - 32px);min-height:120px;margin:34px auto;padding:10px;overflow:hidden}.ad-slot-label{color:var(--text-muted);letter-spacing:.08em;text-align:center;margin-bottom:6px;font-size:10px;display:block}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.footer-links a{color:var(--text-secondary);font-size:13px}.footer-links a:hover{color:var(--primary)}@media (width<=680px){.ad-slot{width:calc(100% - 24px);min-height:100px}}.legal-page{width:min(820px,100% - 32px);margin:0 auto;padding:56px 0 80px}.legal-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm);padding:clamp(24px,5vw,48px)}.legal-card h1{color:var(--text-main);letter-spacing:.01em;margin:0 0 28px;font-size:clamp(32px,5vw,46px)}.legal-card h2{color:var(--text-main);margin:32px 0 10px;font-size:20px}.legal-card p{color:var(--text-secondary);margin:0 0 14px;line-height:1.9}.legal-card a{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.legal-updated{font-size:13px;color:var(--text-muted)!important}.unit-category-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:26px;display:grid}.unit-category-tabs button{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;padding:11px 6px;font-weight:700}.unit-category-tabs button.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.unit-value-label,.unit-select-row label{gap:9px;display:grid}.unit-value-label>span,.unit-select-row label>span{color:var(--text-secondary);font-size:13px;font-weight:700}.unit-select-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;margin-top:18px;display:grid}.unit-swap-button{border:1px solid var(--border);background:var(--primary-light);width:46px;height:46px;color:var(--primary);cursor:pointer;border-radius:50%;font-size:20px;font-weight:800}.unit-submit{margin-top:22px}.unit-result p{color:var(--text-secondary);margin:14px 0 0;line-height:1.7}@media (width<=760px){.unit-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.unit-select-row{grid-template-columns:1fr}.unit-swap-button{margin:0 auto;transform:rotate(90deg)}}.learning-input-grid{gap:16px;display:grid}.learning-error{color:#b42318;margin:14px 0 0;font-size:13px;font-weight:600}.multiple-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.multiple-item,.multiplication-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.multiple-item strong,.multiplication-row strong{color:var(--primary);font-size:17px}.number-picker{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;display:grid}.number-picker button{border:1px solid var(--border);background:var(--surface-soft);min-height:44px;color:var(--text-secondary);border-radius:10px;font-weight:700}.number-picker button:hover,.number-picker button.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.multiplication-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.full-table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.table-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:18px}.table-card h3{color:var(--primary);margin:0 0 10px}.table-card div{color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:4px 0}.prime-number-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;display:grid}.prime-number-grid span{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:10px;place-items:center;min-height:46px;font-weight:700;display:grid}.roman-input{text-transform:uppercase}.roman-result-value{color:var(--primary);overflow-wrap:anywhere;margin-top:10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,8vw,70px);font-weight:600}.roman-equation{color:var(--text-secondary);margin-top:12px;font-weight:600}.roman-symbol-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:18px;display:grid}.roman-symbol-grid span{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:10px;padding:14px;font-family:Georgia,Times New Roman,serif;font-weight:600}.classroom-name-input{resize:vertical;min-height:150px;font-family:inherit;line-height:1.7}.classroom-count{color:var(--text-muted);margin:10px 0 0;font-size:13px}.classroom-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.classroom-tool-card{margin-top:0}.classroom-pick-result,.classroom-timer{background:var(--surface-soft);min-height:76px;color:var(--primary);text-align:center;border-radius:12px;place-items:center;margin:16px 0 10px;padding:12px;font-size:24px;font-weight:700;display:grid}.classroom-timer{font-variant-numeric:tabular-nums;font-size:36px}.classroom-timer-actions{gap:10px;display:flex}.classroom-timer-actions .tool-primary-button{flex:1}.classroom-timer-actions .tool-secondary-button{margin-top:8px}.classroom-groups{margin-top:14px}.classroom-groups p{color:var(--text-secondary);margin:6px 0;font-size:14px;line-height:1.6}.classroom-groups strong{color:var(--text-main)}@media (width>=700px){.learning-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.number-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.multiple-grid,.multiplication-list,.full-table-grid,.classroom-tool-grid{grid-template-columns:1fr}}.image-drop-zone{border-radius:var(--radius-lg);background:var(--surface-soft);width:100%;min-height:180px;color:var(--text-secondary);border:2px dashed #c7d2fe;align-content:center;place-items:center;gap:8px;padding:28px;transition:border-color .16s,background .16s;display:grid}.image-drop-zone:hover,.image-drop-zone:focus-visible{border-color:var(--primary);background:var(--primary-light)}.image-drop-zone strong{color:var(--text-main);font-size:16px}.image-drop-zone>span:last-child{color:var(--text-muted);font-size:13px}.image-drop-icon{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.privacy-note{color:#067647;background:#ecfdf3;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:13px;font-weight:600}.document-error,.document-status{margin:14px 0 0;font-size:13px;font-weight:600}.document-helper{color:var(--text-muted);text-align:center;margin:12px 0 0;font-size:13px}.single-pdf-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:24px;padding:12px;display:grid}.document-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.document-config-grid>label:last-child:nth-child(odd){grid-column:1/-1}.document-field-note{color:var(--text-muted);margin-top:7px;font-size:12px;display:block}.page-range-examples,.format-help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.page-range-examples span,.format-help-grid>div{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-secondary);border-radius:10px;gap:6px;padding:15px;font-size:13px;display:grid}.page-range-examples strong,.format-help-grid strong{color:var(--primary);font-size:15px}.format-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-error{color:#b42318}.document-status{color:#067647;text-align:center}.image-file-list,.pdf-file-list{gap:10px;display:grid}.pdf-file-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px;display:grid}.pdf-file-icon{color:#b42318;background:#fee4e2;border-radius:8px;place-items:center;width:52px;height:58px;font-size:12px;font-weight:800;display:grid}.image-file-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px;display:grid}.image-file-item img{background:var(--surface);object-fit:cover;border-radius:9px;width:62px;height:62px}.image-file-info{gap:5px;min-width:0;display:grid}.image-file-info strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.image-file-info span{color:var(--text-muted);font-size:12px}.image-file-actions{gap:5px;display:flex}.image-file-actions button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);border-radius:8px;font-weight:700}.image-file-actions button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.image-file-actions button:disabled{cursor:not-allowed;opacity:.35}.image-file-actions .remove-file{color:#b42318}.pdf-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.create-pdf-button:disabled{cursor:wait;opacity:.7;transform:none}.document-steps{color:var(--text-secondary);margin:0;padding-left:22px;line-height:2}.compression-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.compression-result span{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;gap:4px;padding:13px;display:grid}.compression-result small{color:var(--text-muted)}.compression-result strong{color:var(--primary)}.conversion-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:6px;display:grid}.conversion-tabs button{min-height:46px;color:var(--text-secondary);background:0 0;border:0;border-radius:9px;font-weight:700}.conversion-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.word-render-surface{z-index:-1;box-sizing:border-box;overflow-wrap:anywhere;background:var(--surface);color:#111827;width:794px;min-height:1123px;padding:64px;font-family:Arial,Noto Sans,sans-serif;font-size:16px;line-height:1.6;position:fixed;top:0;left:-12000px}.word-render-surface img,.word-render-surface table{max-width:100%}.word-render-surface table{border-collapse:collapse}.word-render-surface td,.word-render-surface th{border:1px solid #cbd5e1;padding:6px}@media (width<=600px){.pdf-settings-grid,.document-config-grid,.page-range-examples,.format-help-grid,.compression-result{grid-template-columns:1fr}.document-config-grid>label:last-child:nth-child(odd){grid-column:auto}.image-file-item,.pdf-file-item{grid-template-columns:52px minmax(0,1fr)}.image-file-item img{width:52px;height:52px}.image-file-actions{grid-column:1/-1;justify-content:flex-end}}.homework-source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.homework-upload{border:3px dashed var(--primary);background:var(--surface-soft,var(--surface-soft));width:100%;min-height:230px;color:var(--text,#172033);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.homework-upload span{font-size:3.2rem}.homework-upload strong{font-size:1.2rem}.homework-upload small,.homework-preview-actions span{color:var(--text-muted,#72809a)}.homework-preview{background:var(--surface-soft);border-radius:18px;line-height:0;position:relative;overflow:hidden}.homework-preview img{object-fit:contain;width:100%;max-height:720px;display:block}.homework-crop-box{border:3px solid var(--primary);pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#5546eda6 1px),linear-gradient(#0000 calc(100% - 1px),#5546eda6 1px);background-size:calc(100% / var(--grid-columns)) 100%, 100% calc(100% / var(--grid-rows));position:absolute;box-shadow:0 0 0 2000px #0f172a59}.homework-preview-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.homework-preview-actions span{text-overflow:ellipsis;white-space:nowrap;flex:180px;overflow:hidden}.homework-preview-actions button,.homework-mark-buttons button{border:1px solid var(--border,#dfe3eb);background:var(--surface,#fff);color:var(--text,#172033);cursor:pointer;border-radius:10px;padding:9px 12px}.homework-preview-actions .danger-link{color:var(--danger)}.homework-grid-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.homework-grid-settings label,.homework-crop-controls label,.homework-answer-field{color:var(--text,#172033);gap:8px;font-weight:600;display:grid}.homework-grid-settings input,.homework-answer-field textarea{border:1px solid var(--border,#dfe3eb);width:100%;font:inherit;color:var(--text,#172033);background:var(--surface,#fff);border-radius:12px;padding:12px}.homework-crop-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin-bottom:24px;display:grid}.homework-crop-controls input{width:100%;accent-color:var(--primary)}.homework-answer-field small{color:var(--text-muted,#72809a);font-weight:400}.homework-settings .tool-primary-button{width:100%;margin-top:20px}.homework-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0;display:grid}.homework-summary span{background:var(--surface-soft,#f5f7fb);text-align:center;color:var(--text-muted,#72809a);border-radius:12px;padding:12px}.homework-summary strong{color:var(--text,#172033);font-size:1.5rem;display:block}.homework-cell-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.homework-cell{border:2px solid var(--border,#dfe3eb);background:var(--surface,#fff);border-radius:16px;padding:12px}.homework-cell.is-correct{border-color:var(--success)}.homework-cell.is-suspicious{border-color:var(--warning)}.homework-cell.is-wrong{border-color:var(--danger)}.homework-cell header{min-height:28px;color:var(--text-muted,#72809a);justify-content:space-between;gap:8px;font-size:.86rem;display:flex}.homework-cell header strong{color:var(--text,#172033);font-size:1.15rem}.homework-cell img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border,#dfe3eb);border-radius:10px;width:100%;display:block}.homework-cell p{min-height:42px;color:var(--text-muted,#72809a);font-size:.9rem}.homework-mark-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.homework-mark-buttons button{padding:8px 4px;font-size:.82rem}.homework-mark-buttons .active.correct{background:var(--success-soft);border-color:var(--success);color:var(--success)}.homework-mark-buttons .active.suspicious{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.homework-mark-buttons .active.wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.learning-error{color:var(--danger);background:var(--danger-soft);border-radius:12px;padding:12px 16px}@media (width<=640px){.homework-source-options,.homework-grid-settings,.homework-crop-controls{grid-template-columns:1fr}.homework-summary{grid-template-columns:repeat(2,1fr)}.homework-cell-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.homework-cell{padding:8px}.homework-cell header{display:grid}.homework-mark-buttons{grid-template-columns:1fr}}.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.related-tool-link{border:1px solid var(--border,#dfe3eb);background:var(--surface-soft,#f8f9fd);color:var(--text,#172033);border-radius:14px;gap:7px;padding:18px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.related-tool-link:hover{border-color:#5546ed;transform:translateY(-2px)}.related-tool-link span{color:var(--text-muted,#72809a);line-height:1.6}.seo-content{border:1px solid var(--border);background:var(--surface);width:min(900px,100% - 32px);color:var(--text-secondary);border-radius:18px;margin:32px auto 64px;padding:30px}.seo-content h2{color:var(--text-main);margin:32px 0 12px;font-size:22px;line-height:1.4}.seo-content h2:first-child{margin-top:0}.seo-content h3{color:var(--text-main);margin:24px 0 8px;font-size:17px;line-height:1.5}.seo-content p{color:var(--text-secondary);margin:0 0 16px;font-size:15px;line-height:1.9}.seo-content ol,.seo-content ul{color:var(--text-secondary);margin:12px 0 22px;padding-left:24px}.seo-content li{margin:7px 0;line-height:1.8}.seo-content strong{color:var(--text-main)}@media (width<=600px){.seo-content{padding:22px 18px}.seo-content h2{font-size:20px}}@media (width<=640px){.related-tools-grid{grid-template-columns:1fr}}.worksheet-settings-card{gap:24px;display:grid}.worksheet-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0;display:grid}.worksheet-settings-grid label,.number-setting-row label{color:var(--text,#172033);gap:8px;font-weight:600;display:grid}.worksheet-settings-grid input,.worksheet-settings-grid select,.number-setting-row input,.number-setting-row select{border:1px solid var(--border,#dfe3eb);background:var(--surface,#fff);width:100%;color:var(--text,#172033);font:inherit;border-radius:12px;padding:12px 14px}.worksheet-settings-grid input:focus,.worksheet-settings-grid select:focus,.number-setting-row input:focus,.number-setting-row select:focus{border-color:#5546ed;outline:3px solid #5546ed1f}.worksheet-setting-panel{border:1px solid var(--border,#dfe3eb);background:var(--surface-soft,#f8fafc);border-radius:16px;padding:20px}.worksheet-setting-panel>h3{color:var(--text,#172033);margin:0 0 18px;font-size:1.15rem}.worksheet-operation-fieldset{border:1px solid var(--border,#dfe3eb);border-radius:14px;min-width:0;margin:0;padding:18px}.worksheet-operation-fieldset legend{color:var(--text,#172033);padding:0 8px;font-weight:700}.inner-fieldset{background:var(--surface,#fff);margin-top:20px}.worksheet-operation-options,.worksheet-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.worksheet-operation-options label,.worksheet-choice-grid label{cursor:pointer;min-width:0}.worksheet-operation-options input,.worksheet-choice-grid input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.worksheet-operation-options span,.worksheet-choice-grid span{border:1px solid var(--border,#dfe3eb);background:var(--surface,#fff);min-height:48px;color:var(--text,#172033);text-align:center;border-radius:12px;justify-content:center;align-items:center;padding:11px 12px;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:flex}.worksheet-operation-options label:hover span,.worksheet-choice-grid label:hover span{border-color:#a9a1ff;transform:translateY(-1px)}.worksheet-operation-options input:checked+span,.worksheet-choice-grid input:checked+span{color:#4034c8;background:#eeecff;border-color:#5546ed;font-weight:700;box-shadow:0 0 0 2px #5546ed14}.worksheet-operation-options input:focus-visible+span,.worksheet-choice-grid input:focus-visible+span{outline-offset:2px;outline:3px solid #5546ed33}.decimal-number-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.number-setting-card{border:1px solid var(--border,#dfe3eb);background:var(--surface,#fff);border-radius:14px;padding:18px}.number-setting-card h4{color:var(--text,#172033);margin:0 0 15px;font-size:1rem}.number-setting-card p{color:#475569;background:#f1f5f9;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:.9rem}.number-setting-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.worksheet-check-row{border:1px solid var(--border,#dfe3eb);background:var(--surface,#fff);color:var(--text,#172033);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:15px 16px;font-weight:600;display:flex}.worksheet-check-row input{accent-color:#5546ed;flex:none;width:20px;height:20px;margin:1px 0 0}.worksheet-check-row>span{gap:4px;display:grid}.worksheet-check-row small{color:var(--text-muted,#64748b);font-size:.82rem;font-weight:500;line-height:1.5}.rounding-settings{margin-bottom:0}.worksheet-warning{color:#8a4b08;background:#fff8e6;border:1px solid #f5c66b;border-radius:10px;margin:16px 0 0;padding:12px 14px;font-size:.9rem;line-height:1.6}.learning-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:13px 15px;font-weight:600}.worksheet-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.worksheet-actions button{border:1px solid var(--border,#dfe3eb);background:var(--surface,#fff);color:var(--text,#172033);font:inherit;cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:600}.worksheet-actions button:hover{border-color:#5546ed}.worksheet-actions .tool-primary-button{color:#fff;background:#5546ed;border-color:#5546ed;width:auto;margin:0}.worksheet-actions .answer-button{background:#087443;border-color:#087443}.worksheet-paper{color:#111827;background:#fff;border:1px solid #d8dde7;width:100%;max-width:794px;min-height:1123px;margin:0 auto;padding:48px;overflow:hidden;box-shadow:0 12px 36px #0f172a1f}.worksheet-paper-header{border-bottom:2px solid #111827;margin-bottom:24px;padding-bottom:10px}.worksheet-paper-header h2{color:#111827;text-align:center;margin:0 0 24px;font-size:2rem}.worksheet-question-groups{gap:32px;display:grid}.worksheet-operation-group{break-inside:avoid;page-break-inside:avoid;min-width:0}.worksheet-operation-title{color:#111827;border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;margin:0 0 18px;padding:0 0 8px;font-size:1rem;font-weight:600;display:flex}.worksheet-operation-title span{color:#6b7280;font-size:.75rem;font-weight:500}.worksheet-question-grid{gap:18px 32px;display:grid}.worksheet-question-grid.is-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}.worksheet-question-grid.is-vertical{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:18px 20px}.worksheet-question{break-inside:avoid;page-break-inside:avoid;min-width:0}.horizontal-question{align-content:start;gap:5px;min-height:52px;font-size:1.08rem;display:grid}.question-expression{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex}.question-number{color:#4b5563;flex:none}.answer-line{text-align:center;justify-content:center;align-items:center;min-width:62px;min-height:28px;font-weight:700;display:inline-flex}.question-instruction{color:#475569;margin-left:27px;font-size:.7rem;line-height:1.4}.vertical-question{align-items:flex-start;gap:8px;min-height:125px;display:flex}.vertical-calculation{color:#111827;font-variant-numeric:tabular-nums;text-align:right;width:max-content;min-width:78px;max-width:100%;margin-left:auto;font-size:1.2rem}.vertical-calculation>span{box-sizing:border-box;text-align:right;width:100%;padding-right:8px;display:block}.vertical-calculation>div{grid-template-columns:22px minmax(52px,auto);align-items:center;gap:3px;width:100%;display:grid}.vertical-calculation>div>b{text-align:center}.vertical-calculation>div>span{box-sizing:border-box;text-align:right;min-width:0;padding-right:8px}.vertical-calculation hr{border:0;border-top:2px solid #111827;width:100%;margin:5px 0}.vertical-calculation strong{box-sizing:border-box;text-align:right;width:100%;min-height:58px;padding-top:8px;padding-right:8px;display:block}.worksheet-answer{font-weight:800;color:#dc2626!important}.fraction-question{color:#111827;align-items:center;gap:8px;min-height:76px;font-size:1.08rem;display:flex}.standard-fraction{vertical-align:middle;text-align:center;grid-template-rows:auto auto;align-items:center;min-width:32px;line-height:1.05;display:inline-grid}.fraction-numerator{border-bottom:1.5px solid;padding:0 5px 4px}.fraction-denominator{padding:4px 5px 0}.mixed-fraction{align-items:center;gap:3px;display:inline-flex}.fraction-answer-line{justify-content:center;align-items:center;min-width:66px;min-height:58px;display:inline-flex}.worksheet-paper-footer{color:#9ca3af;text-align:center;border-top:1px solid #d1d5db;margin-top:48px;padding-top:14px;font-size:.78rem}@media (width<=800px){.worksheet-operation-options,.worksheet-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decimal-number-panels{grid-template-columns:1fr}}@media (width<=700px){.worksheet-question-grid.is-vertical,.operation-division .worksheet-question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.worksheet-operation-title{margin-bottom:14px}.worksheet-settings-grid,.number-setting-row{grid-template-columns:1fr}.worksheet-setting-panel{padding:16px}.worksheet-paper{min-height:auto;padding:24px 16px}.worksheet-paper-header h2{font-size:1.55rem}.worksheet-question-grid.is-horizontal,.worksheet-question-grid.is-vertical{grid-template-columns:1fr}.question-expression{white-space:normal;flex-wrap:wrap}}@media (width<=430px){.worksheet-operation-options,.worksheet-choice-grid{grid-template-columns:1fr}.worksheet-actions{grid-template-columns:1fr;display:grid}.worksheet-actions button,.worksheet-actions .tool-primary-button{width:100%}}.worksheet-question{position:relative}.worksheet-setting-help{color:var(--text-muted);margin:10px 0 0;font-size:12px;line-height:1.6}.question-edit-panel{border:1px solid var(--primary);background:var(--surface);box-shadow:var(--shadow-md);border-radius:14px;margin:18px 0;padding:18px}.question-edit-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.question-edit-heading>div{gap:4px;display:grid}.question-edit-heading strong{color:var(--text-main)}.question-edit-heading span{color:var(--text-muted);font-size:12px}.question-edit-heading>button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:22px}.question-edit-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px;margin-top:16px;display:grid}.question-edit-inputs label{color:var(--text-main);gap:7px;font-size:13px;display:grid}.question-edit-inputs input{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-main);font:inherit;border-radius:10px;padding:11px 12px}.question-edit-inputs>strong{color:var(--text-main);padding-bottom:11px}.question-edit-error{color:var(--danger);margin:12px 0 0;font-size:13px}.question-edit-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.question-edit-actions button{width:auto;margin:0;padding:9px 14px}@media (width<=560px){.question-edit-inputs{grid-template-columns:1fr}.question-edit-inputs>strong{text-align:center;padding:0}.template-save-row{grid-template-columns:1fr}.worksheet-template-item{flex-direction:column;align-items:flex-start}}@media print{@page{size:A4 portrait;margin:12mm}html,body{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body[data-worksheet-print] .navbar,body[data-worksheet-print] .site-footer,body[data-worksheet-print] .tool-page-inner>:not(.worksheet-preview-section),body[data-worksheet-print] .worksheet-preview-section>:not(.worksheet-paper){display:none!important}body[data-worksheet-print] .tool-page,body[data-worksheet-print] .tool-page-inner,body[data-worksheet-print] .worksheet-preview-section{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;overflow:visible!important}body[data-worksheet-print] .worksheet-paper{color:#111827!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}body[data-worksheet-print] .worksheet-paper-header{margin-bottom:28px}body[data-worksheet-print] .worksheet-question-grid{gap:24px 28px}body[data-worksheet-print] .worksheet-question-grid.is-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-worksheet-print] .worksheet-question-grid.is-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-worksheet-print] .worksheet-question{break-inside:avoid;page-break-inside:avoid}body[data-worksheet-print] .worksheet-answer{print-color-adjust:exact;color:#dc2626!important}body[data-worksheet-print] .worksheet-paper-footer{display:none!important}}@media screen{.worksheet-settings-card,.worksheet-settings-grid label,.number-setting-row label,.worksheet-setting-panel>h3,.worksheet-operation-fieldset legend,.number-setting-card h4,.worksheet-check-row{color:var(--text-main)}.worksheet-settings-grid input,.worksheet-settings-grid select,.number-setting-row input,.number-setting-row select,.worksheet-operation-options span,.worksheet-choice-grid span,.number-setting-card,.worksheet-check-row,.worksheet-actions button{border-color:var(--border);background:var(--surface);color:var(--text-main)}.worksheet-settings-grid input:focus,.worksheet-settings-grid select:focus,.number-setting-row input:focus,.number-setting-row select:focus{border-color:var(--primary);outline:3px solid var(--focus-ring)}.worksheet-operation-options label:hover span,.worksheet-choice-grid label:hover span{border-color:var(--primary)}.worksheet-operation-options input:checked+span,.worksheet-choice-grid input:checked+span{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.worksheet-operation-options input:focus-visible+span,.worksheet-choice-grid input:focus-visible+span{outline:3px solid var(--focus-ring)}.number-setting-card p{background:var(--surface-soft);color:var(--text-secondary)}.worksheet-setting-panel{border-color:var(--border);background:var(--surface-soft)}.inner-fieldset{background:var(--surface)}.worksheet-check-row small{color:var(--text-muted)}.worksheet-warning{border-color:color-mix(in srgb, var(--warning) 45%, var(--border));background:var(--warning-soft);color:var(--warning)}.learning-error{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:var(--danger-soft);color:var(--danger)}.worksheet-actions button:hover{border-color:var(--primary)}.worksheet-actions .tool-primary-button{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.worksheet-actions .answer-button{border-color:var(--success);background:var(--success);color:var(--background)}}body[data-worksheet-pdf-export] .worksheet-paper{color:#111827!important;min-height:0!important;box-shadow:none!important;background:#fff!important}body[data-worksheet-pdf-export] .worksheet-answer{color:#dc2626!important}body[data-worksheet-pdf-export] .question-number{font-weight:inherit;color:#111827!important}.worksheet-paper{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.worksheet-paper span{margin-top:0!important;margin-bottom:0!important}.operation-division{break-inside:auto;page-break-inside:auto}.operation-division .worksheet-question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}.operation-division .horizontal-question{min-height:44px}.worksheet-quick-start{border:1px solid var(--border);background:var(--primary-light);border-radius:16px;margin:22px 0;padding:22px}.worksheet-quick-start>div{align-items:center;gap:9px;margin-top:16px;display:flex}.worksheet-quick-start>div:first-child{margin-top:0}.worksheet-step-number{background:var(--primary);width:24px;height:24px;color:var(--on-primary);border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.worksheet-quick-start h3{color:var(--text-main);margin:0;font-size:15px}.worksheet-quick-buttons{flex-wrap:wrap}.worksheet-quick-buttons button{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;font:inherit;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:700}.worksheet-quick-buttons button:hover,.worksheet-quick-buttons button.is-selected{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.worksheet-quick-generate{width:100%;margin-top:20px;padding:13px 16px;font-size:16px}.worksheet-quick-start>p{color:var(--text-secondary);margin:12px 0 0;font-size:13px;line-height:1.65}.worksheet-advanced-settings{margin-top:18px;padding:2px 0 0}.worksheet-advanced-settings>summary{border-left:4px solid var(--warning);background:var(--warning-soft);color:var(--warning);cursor:pointer;border-radius:8px;padding:12px 14px;font-weight:700}.worksheet-advanced-settings[open]>summary{color:var(--warning)}@media (width<=560px){.worksheet-quick-start{padding:18px}.worksheet-quick-buttons{gap:7px}.worksheet-quick-buttons button{flex:1 0 calc(33.333% - 8px);padding:9px 7px;font-size:12px}}.fraction-generator{--fraction-page-text:#0f172a;--fraction-panel:#fff;--fraction-input:#fff;--fraction-border:#cbd5e1;--fraction-muted:#64748b;--fraction-button:#e2e8f0;--fraction-button-text:#0f172a;--fraction-calc-option:#2563eb12;--fraction-word-option:#16a34a14;--fraction-style-option:#7c3aed14;width:min(1180px,100% - 32px);color:var(--fraction-page-text);margin:0 auto;padding:40px 0 80px}.fraction-generator-intro{text-align:center;margin-bottom:28px}.fraction-generator-intro h1{margin:8px 0 14px;font-size:clamp(2rem,5vw,3rem);line-height:1.2}.fraction-generator-intro p{max-width:820px;margin:0 auto;line-height:1.8}.fraction-generator-intro .tool-eyebrow{color:#2563eb;letter-spacing:.08em;font-size:.92rem;font-weight:700}.fraction-settings-card{background:var(--fraction-panel);color:var(--fraction-page-text);border:1px solid #94a3b859;border-radius:24px;padding:28px;box-shadow:0 18px 45px #0f172a14}.fraction-settings-card h2{margin:0 0 22px;font-size:1.5rem}.fraction-quick-start{background:#2563eb0f;border:1px solid #2563eb47;border-radius:18px;padding:22px}.fraction-quick-step{align-items:center;gap:9px;margin-top:16px;display:flex}.fraction-quick-step:first-child{margin-top:0}.fraction-quick-step>span{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:grid}.fraction-quick-step h3{margin:0;font-size:.98rem}.fraction-quick-buttons{flex-wrap:wrap;gap:9px;margin-top:10px;display:flex}.fraction-quick-buttons button{border:1px solid var(--fraction-border);background:var(--fraction-input)}.fraction-quick-buttons button.is-selected,.fraction-quick-buttons button:hover{color:#fff;background:#2563eb;border-color:#2563eb}.fraction-quick-generate{width:100%;margin-top:22px;font-size:1rem}.fraction-quick-start>p{color:var(--fraction-muted);margin:12px 0 0;font-size:.84rem;line-height:1.65}.fraction-advanced-settings{margin-top:18px}.fraction-advanced-settings>summary{border-left:4px solid var(--warning);background:var(--warning-soft);color:var(--warning);cursor:pointer;border-radius:8px;padding:12px 14px;font-weight:700}.fraction-advanced-settings[open]>summary{color:var(--warning)}.fraction-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.fraction-settings-grid label:not(.checkbox-setting){gap:8px;display:grid}.fraction-settings-grid label>span{font-weight:600}.fraction-settings-grid input[type=text],.fraction-settings-grid input[type=number],.fraction-settings-grid select{border:1px solid var(--fraction-border);background:var(--fraction-input);width:100%;min-height:46px;color:var(--fraction-page-text);font:inherit;border-radius:12px;padding:10px 13px}.checkbox-setting{border:1px solid var(--fraction-border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:46px;padding:10px 13px;display:flex}.checkbox-setting input,.question-type-option input{accent-color:#2563eb;width:18px;height:18px}.fraction-question-types{border:1px solid var(--fraction-border);border-radius:18px;margin:24px 0 0;padding:20px}.fraction-question-types legend{padding:0 8px;font-weight:700}.fraction-question-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.question-type-option{background:var(--fraction-calc-option);color:var(--fraction-page-text);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.question-type-option.is-disabled{opacity:.45;cursor:not-allowed}.question-type-option.is-disabled input{cursor:not-allowed}.word-type-fieldset{border-color:#16a34a66}.word-type-option{background:var(--fraction-word-option)}.word-style-option{background:var(--fraction-style-option)}.current-event-notice{color:var(--fraction-muted);margin:14px 0 0;font-size:.86rem;line-height:1.6}.fraction-generator-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:18px 0 0;padding:12px 14px;font-weight:600}.fraction-generator-actions{justify-content:center;margin-top:24px;display:flex}.fraction-generator button{background:var(--fraction-button);min-height:44px;color:var(--fraction-button-text);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 18px;font-weight:700}.fraction-generator button:hover{transform:translateY(-1px)}.fraction-generator button.primary-action{color:#fff;background:#2563eb;min-width:190px}.fraction-preview-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 20px;display:flex}.fraction-preview-controls button.active{color:#fff;background:#2563eb}.fraction-worksheet-print-area{color:#111827}.worksheet-sheet{background:#fff;border:1px solid #d1d5db;border-radius:18px;width:100%;min-height:1120px;padding:32px;box-shadow:0 14px 35px #0f172a1a}.worksheet-brand{color:#64748b;text-align:right;margin-bottom:8px;font-size:.76rem}.worksheet-header{text-align:center;border-bottom:2px solid #111827;padding-bottom:16px}.worksheet-header h2{margin:0 0 8px;font-size:1.8rem}.worksheet-header p{margin:0}.worksheet-student-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 26px;font-size:.96rem;display:grid}.worksheet-question-section{margin-top:28px}.worksheet-question-section:first-of-type{margin-top:0}.worksheet-section-title{color:#1e3a8a;background:#eff6ff;border-left:5px solid #2563eb;margin:0 0 18px;padding:8px 12px;font-size:1.05rem;font-weight:700}.worksheet-question-grid{align-items:start;gap:26px 34px;display:grid}.worksheet-question-grid.columns-1{grid-template-columns:1fr}.worksheet-question-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fraction-question-item{break-inside:avoid;page-break-inside:avoid;align-items:flex-start;gap:8px;min-height:82px;display:flex}.question-number{flex:none;padding-top:5px;font-size:1rem;font-weight:700}.question-main{width:100%;min-width:0}.fraction-expression{flex-wrap:wrap;align-items:center;gap:9px;min-height:42px;font-size:1.12rem;display:flex}.question-label{font-size:.96rem}.standard-fraction{text-align:center;vertical-align:middle;grid-template-rows:auto auto;min-width:28px;margin:0 3px;display:inline-grid}.fraction-numerator{border-bottom:1.7px solid;padding:0 5px 2px;line-height:1.1}.fraction-denominator{padding:2px 5px 0;line-height:1.1}.mixed-number{vertical-align:middle;align-items:center;gap:2px;display:inline-flex}.mixed-whole{font-size:1.08em}.fraction-operator,.fraction-equals{font-size:1.2rem;font-weight:700}.comparison-box{font-size:1.35rem}.fraction-answer-space{border-bottom:1px dashed #94a3b8;height:24px;margin-top:8px}.fraction-answer-pair{align-items:center;gap:7px;display:inline-flex}.equals-answer-group{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.inline-answer{color:#dc2626;white-space:nowrap;align-items:center;gap:5px;font-size:.88rem;font-weight:700;display:inline-flex}.inline-answer .standard-fraction{min-width:23px;font-size:.88rem}.comparison-answer{justify-content:center;min-width:24px;font-size:1rem}.word-problem-grid{gap:24px;grid-template-columns:1fr!important}.word-problem-item{border-bottom:1px dashed #cbd5e1;min-height:150px;padding-bottom:22px}.advanced-word-problem h4{margin:8px 0;font-size:1.05rem}.problem-badges{flex-wrap:wrap;gap:6px;display:flex}.problem-badges span{color:#6d28d9;background:#ede9fe;border-radius:999px;padding:3px 8px;font-size:.74rem;font-weight:700}.news-note{color:#92400e;background:#fffbeb;border-left:4px solid #f59e0b;margin:8px 0;padding:7px 10px;font-size:.8rem;line-height:1.5}.word-problem-text{margin:0;font-size:1rem;line-height:2}.literacy-table-wrap{margin:14px 0;overflow-x:auto}.literacy-table{border-collapse:collapse;width:100%;font-size:.9rem}.literacy-table th,.literacy-table td{text-align:center;border:1px solid #94a3b8;padding:8px 10px}.literacy-table th{background:#f1f5f9;font-weight:700}.word-parts{gap:14px;margin:14px 0 0;padding-left:28px;display:grid}.word-parts>li>p{margin:0 0 8px;line-height:1.7}.word-response-lines{gap:8px;display:grid}.word-response-lines>div{align-items:flex-end;gap:8px;display:flex}.word-response-lines span{flex:none;font-size:.9rem;font-weight:600}.word-response-lines i{border-bottom:1px solid #64748b;flex:1;height:22px}.word-solution{color:#dc2626;background:#fff7f7;border-radius:8px;gap:6px;padding:8px 10px;font-size:.86rem;font-weight:600;display:grid}.word-solution>div,.word-equation{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.compact-answer-description{color:#64748b;text-align:center;margin:16px 0 22px;font-size:.85rem}.compact-answer-section{break-inside:avoid;page-break-inside:avoid;margin-top:20px}.compact-answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 16px;display:grid}.compact-answer-item{color:#dc2626;border-bottom:1px solid #e2e8f0;align-items:center;gap:7px;min-height:32px;padding:4px 7px;font-size:.86rem;display:flex}.compact-answer-item strong{color:#111827}.compact-answer-value{align-items:center;display:inline-flex}.compact-word-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;display:grid}.compact-word-answer-item{color:#dc2626;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:7px;padding:8px;font-size:.82rem;display:flex}.compact-word-answer-item>strong{color:#111827;flex:none}.compact-word-parts{gap:7px;display:grid}.compact-word-parts>div{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.is-screen-hidden{display:none}@media (width<=900px){.fraction-settings-grid,.fraction-question-type-grid,.worksheet-student-fields,.compact-answer-grid,.compact-word-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.fraction-generator{width:min(100% - 20px,1180px);padding-top:24px}.fraction-settings-card{border-radius:18px;padding:20px 16px}.fraction-quick-start{padding:18px}.fraction-quick-buttons button{flex:1 0 calc(50% - 9px);padding:9px 7px;font-size:.82rem}.fraction-settings-grid,.fraction-question-type-grid,.compact-answer-grid,.compact-word-answer-grid{grid-template-columns:1fr}.worksheet-sheet{min-height:auto;padding:20px 14px}.worksheet-question-grid.columns-2{grid-template-columns:1fr}.worksheet-header h2{font-size:1.4rem}.word-problem-text{font-size:.95rem}}:is(html[data-theme=dark],html[data-mode=dark],html[data-color-scheme=dark],html[data-bs-theme=dark],html.dark,html.theme-dark,html.dark-theme,html.dark-mode,body[data-theme=dark],body[data-mode=dark],body[data-color-scheme=dark],body[data-bs-theme=dark],body.dark,body.theme-dark,body.dark-theme,body.dark-mode,[data-theme=dark]) .fraction-generator{--fraction-page-text:#f1f5f9;--fraction-panel:#111827;--fraction-input:#0f172a;--fraction-border:#475569;--fraction-muted:#cbd5e1;--fraction-button:#334155;--fraction-button-text:#f8fafc;--fraction-calc-option:#3b82f62e;--fraction-word-option:#22c55e26;--fraction-style-option:#8b5cf62e}:is(html[data-theme=light],html[data-mode=light],html[data-color-scheme=light],html[data-bs-theme=light],html.light,html.theme-light,html.light-theme,html.light-mode,body[data-theme=light],body[data-mode=light],body[data-color-scheme=light],body[data-bs-theme=light],body.light,body.theme-light,body.light-theme,body.light-mode,[data-theme=light]) .fraction-generator{--fraction-page-text:#0f172a;--fraction-panel:#fff;--fraction-input:#fff;--fraction-border:#cbd5e1;--fraction-muted:#64748b;--fraction-button:#e2e8f0;--fraction-button-text:#0f172a;--fraction-calc-option:#2563eb12;--fraction-word-option:#16a34a14;--fraction-style-option:#7c3aed14}@media print{@page{size:A4 portrait;margin:10mm}body[data-fraction-print] *{visibility:hidden!important}body[data-fraction-print] .fraction-worksheet-print-area,body[data-fraction-print] .fraction-worksheet-print-area *{visibility:visible!important}body[data-fraction-print] .fraction-worksheet-print-area{width:100%;position:absolute;inset:0}body[data-fraction-print] .fraction-worksheet-print-area>div{display:none!important}body[data-fraction-print=questions] .fraction-worksheet-print-area>div:first-child,body[data-fraction-print=fullAnswers] .fraction-worksheet-print-area>div:nth-child(2),body[data-fraction-print=compactAnswers] .fraction-worksheet-print-area>div:nth-child(3){display:block!important}.worksheet-sheet{width:100%;min-height:auto;box-shadow:none;border:0;border-radius:0;padding:0}.worksheet-brand{font-size:8pt}.worksheet-header h2{font-size:17pt}.worksheet-header p,.worksheet-student-fields,.fraction-expression{font-size:10pt}.worksheet-question-section{margin-top:18px}.worksheet-section-title{print-color-adjust:exact;margin-bottom:12px;padding:5px 9px;font-size:10pt;background:#eff6ff!important}.worksheet-question-grid{gap:16px 24px}.fraction-question-item{min-height:58px}.word-problem-item{min-height:0;padding-bottom:15px}.advanced-word-problem h4{margin:5px 0;font-size:10pt}.problem-badges span,.news-note{font-size:7.5pt}.news-note{padding:4px 7px}.word-problem-text,.word-parts>li>p{font-size:9pt;line-height:1.55}.literacy-table{font-size:8pt}.literacy-table th,.literacy-table td{padding:4px 6px}.word-parts{gap:8px;margin-top:8px}.inline-answer,.inline-answer .standard-fraction,.word-solution{print-color-adjust:exact;font-size:8pt;color:#dc2626!important}.compact-answer-description{margin:10px 0 14px;font-size:8pt}.compact-answer-section{margin-top:12px}.compact-answer-sheet .worksheet-section-title{margin-bottom:7px;font-size:9pt}.compact-answer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px 9px}.compact-answer-item{min-height:24px;padding:2px 4px;font-size:8pt}.compact-answer-value,.compact-answer-value .standard-fraction{print-color-adjust:exact;font-size:8pt;color:#dc2626!important}.compact-word-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.compact-word-answer-item{padding:5px;font-size:7.6pt}}.simple-image-tool{width:100%;max-width:820px;margin:0 auto}.simple-image-workspace{gap:20px;display:grid}.simple-image-upload{cursor:pointer;text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;padding:36px;transition:border-color .2s,background .2s,transform .2s;display:flex}.simple-image-upload:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-1px)}.simple-image-upload input{display:none}.simple-image-upload-icon{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:5px;font-size:27px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:grid}.simple-image-upload:hover .simple-image-upload-icon{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.simple-image-upload strong{color:#111827;font-size:20px}.simple-image-upload p{color:#64748b;margin:0;font-size:14px}.simple-image-upload span{color:#94a3b8;margin-top:6px;font-size:13px}.simple-image-selected{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.simple-image-selected img{object-fit:cover;background:#f1f5f9;border-radius:14px;width:92px;height:92px}.simple-image-file-info{gap:5px;min-width:0;display:grid}.simple-image-file-info strong{text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:16px;overflow:hidden}.simple-image-file-info span{color:#64748b;font-size:14px}.simple-image-change{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 15px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.simple-image-change:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.simple-format-flow{justify-content:center;align-items:center;gap:16px;padding:14px 22px;font-size:20px;font-weight:800;display:flex}.simple-format-badge{color:#1f2937;text-align:center;background:#fff;border:1px solid #d1d5db;border-radius:11px;min-width:74px;padding:11px 16px}.simple-format-badge:last-child{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.simple-format-arrow{color:#64748b;font-size:22px}.simple-image-result{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:18px;padding:24px;display:grid}.simple-image-success{color:#15803d;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.simple-image-success-icon{color:#15803d;background:#dcfce7;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.simple-image-result-preview{border-radius:14px;max-width:100%;max-height:420px;margin:0 auto;display:block}.simple-image-result-meta{color:#64748b;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.simple-image-download{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:11px;width:100%;padding:14px 20px;font-size:16px;font-weight:800;transition:background .2s,transform .15s}.simple-image-download:hover{background:#15803d;transform:translateY(-1px)}.simple-image-download:active{transform:translateY(0)}.simple-image-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0;padding:12px 16px;font-size:14px}.simple-privacy{text-align:center;color:#64748b;font-size:13px}:root[data-theme=dark] .simple-image-upload{background:var(--surface);border-color:#333}:root[data-theme=dark] .simple-image-upload:hover{background:var(--surface-soft);border-color:#525252}:root[data-theme=dark] .simple-image-upload-icon{background:var(--surface-soft);color:#a3a3a3;border-color:#333}:root[data-theme=dark] .simple-image-upload:hover .simple-image-upload-icon{color:#60a5fa;background:#172033;border-color:#334155}:root[data-theme=dark] .simple-image-upload strong{color:#f5f5f5}:root[data-theme=dark] .simple-image-upload p{color:#b3b3b3}:root[data-theme=dark] .simple-image-upload span{color:#8f8f8f}:root[data-theme=dark] .simple-image-selected{background:var(--surface);border-color:#2f2f2f}:root[data-theme=dark] .simple-image-selected img{background:var(--surface-soft)}:root[data-theme=dark] .simple-image-file-info strong{color:#f5f5f5}:root[data-theme=dark] .simple-image-file-info span{color:#a3a3a3}:root[data-theme=dark] .simple-image-change{background:var(--surface-soft);color:#e5e5e5;border-color:#3f3f3f}:root[data-theme=dark] .simple-image-change:hover{background:var(--border);color:#fff;border-color:#525252}:root[data-theme=dark] .simple-format-badge{background:var(--surface-soft);color:#e5e5e5;border-color:#333}:root[data-theme=dark] .simple-format-badge:last-child{color:#86efac;background:#052e16;border-color:#166534}:root[data-theme=dark] .simple-format-arrow{color:#a3a3a3}:root[data-theme=dark] .simple-image-result{background:var(--surface);border-color:#2f2f2f}:root[data-theme=dark] .simple-image-success{color:#4ade80}:root[data-theme=dark] .simple-image-success-icon{color:#4ade80;background:#052e16}:root[data-theme=dark] .simple-image-result-meta{color:#a3a3a3}:root[data-theme=dark] .simple-image-result-preview{background:var(--background)}:root[data-theme=dark] .simple-privacy{color:#a3a3a3}:root[data-theme=dark] .simple-image-error{color:#fca5a5;background:#2a0f0f;border-color:#7f1d1d}.simple-converter-format-grid{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px;padding:18px;display:grid}.simple-converter-format-grid label{color:var(--text-secondary);gap:8px;font-size:13px;font-weight:700;display:grid}.simple-converter-format-grid select{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:48px;color:var(--text-main);font:inherit;cursor:pointer;border-radius:11px;outline:none;padding:0 14px}.simple-converter-format-grid select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.simple-converter-format-arrow{height:48px;color:var(--text-muted);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}@media (width<=640px){.simple-image-upload{min-height:230px;padding:28px 18px}.simple-image-selected{grid-template-columns:72px minmax(0,1fr)}.simple-image-selected img{width:72px;height:72px}.simple-image-change{grid-column:1/-1;width:100%}.simple-format-flow{gap:12px;padding-inline:10px;font-size:18px}.simple-format-badge{min-width:65px;padding:10px 13px}.simple-image-result{padding:18px}}@media (width<=560px){.simple-converter-format-grid{grid-template-columns:1fr}.simple-converter-format-arrow{height:auto;transform:rotate(90deg)}}.aspect-ratio-tool{gap:18px;display:grid}.aspect-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.aspect-input-with-unit{position:relative}.aspect-input-with-unit .tool-input{padding-right:52px}.aspect-input-with-unit>span{color:var(--text-muted);pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.aspect-error{color:var(--danger);margin:14px 0 0;font-size:13px;font-weight:600}.aspect-result{margin-top:0}.aspect-ratio-value{color:var(--primary);margin-top:10px;font-size:clamp(44px,8vw,68px);font-weight:800;line-height:1}.aspect-result-details{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-size:13px;display:flex}.aspect-resize-card{margin-top:0}.aspect-new-size{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);text-align:center;gap:5px;margin-top:20px;padding:18px;display:grid}.aspect-new-size>span,.aspect-new-size small{color:var(--text-muted)}.aspect-new-size strong{color:var(--primary);font-size:28px}.aspect-common-ratios{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.aspect-common-ratios span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-muted);text-align:center;gap:5px;padding:14px;font-size:12px;display:grid}.aspect-common-ratios strong{color:var(--text-main);font-size:17px}@media (width<=600px){.aspect-input-grid{grid-template-columns:1fr}.aspect-common-ratios{grid-template-columns:repeat(2,minmax(0,1fr))}}.favicon-generator{gap:18px;display:grid}.favicon-source{grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.favicon-source img{border:1px solid var(--border);background:var(--surface-soft);object-fit:contain;border-radius:14px;width:80px;height:80px}.favicon-source>div{gap:5px;min-width:0;display:grid}.favicon-source strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favicon-source span{color:var(--text-muted);font-size:13px}.favicon-working{color:var(--text-secondary);text-align:center}.favicon-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.favicon-result-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);text-align:center;gap:7px;min-width:0;padding:18px;display:grid}.favicon-preview{border:1px solid var(--border);background:repeating-conic-gradient(var(--surface) 0 25%, var(--surface-soft) 0 50%) 50% / 16px 16px;border-radius:12px;place-items:center;height:92px;margin-bottom:5px;display:grid}.favicon-preview img{object-fit:contain;max-width:72px;max-height:72px}.favicon-result-card strong{color:var(--text-main);font-size:16px}.favicon-result-card>span{color:var(--text-secondary);font-size:12px}.favicon-result-card small{color:var(--text-muted)}.favicon-download{background:var(--success);color:#fff;border:0;border-radius:9px;margin-top:7px;padding:9px 11px;font-weight:700}.favicon-ico-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.favicon-ico-card>div{gap:4px;display:grid}.favicon-ico-card strong{color:var(--text-main)}.favicon-ico-card span{color:var(--text-muted);font-size:12px}.favicon-ico-download{margin-top:0;padding-inline:16px}.favicon-code{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-main);white-space:pre;margin:0;padding:18px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.favicon-copy-button{margin-top:14px}@media (width<=700px){.favicon-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.favicon-source{grid-template-columns:64px minmax(0,1fr)}.favicon-source img{width:64px;height:64px}.favicon-source button{grid-column:1/-1;width:100%}.favicon-result-grid{grid-template-columns:1fr}.favicon-ico-card{flex-direction:column;align-items:stretch}.favicon-ico-download{width:100%}}.json-tool{gap:18px;display:grid}.json-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.json-toolbar h2{color:var(--text-main);margin:0;font-size:20px}.json-toolbar p{color:var(--text-muted);margin:5px 0 0;font-size:13px}.json-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.json-editor{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);width:100%;min-height:360px;color:var(--text-main);tab-size:2;outline:none;margin-top:18px;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.7}.json-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.json-editor::placeholder{color:var(--text-muted)}.json-editor-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.json-indent-setting{align-items:center;gap:8px;display:flex}.json-indent-setting select{border:1px solid var(--border);background:var(--surface-soft);min-height:36px;color:var(--text-main);font:inherit;border-radius:8px;outline:none;padding:0 10px}.json-indent-setting select:focus{border-color:var(--primary)}.json-format-button{width:100%;margin-top:16px}.json-error{border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--danger);gap:5px;margin-top:16px;padding:14px 16px;display:grid}.json-error strong{font-size:14px}.json-error span{font-size:13px;line-height:1.6}.json-valid-message{font-weight:700;color:var(--success)!important}.json-output{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);max-height:620px;color:var(--text-main);white-space:pre;margin:18px 0 0;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.7;overflow:auto}.json-output-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:12px;display:flex}.json-download-button{background:var(--success);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 14px;font-weight:700}.json-validation-success,.json-validation-error{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.json-validation-success h2,.json-validation-error h2{color:var(--text-main);margin:0;font-size:22px}.json-validation-success p,.json-validation-error p{color:var(--text-secondary);margin:5px 0 0;line-height:1.7}.json-validation-icon,.json-validation-error-icon{color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.json-validation-icon{background:var(--success)}.json-validation-error-icon{background:var(--danger)}.json-validation-meta{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.json-validation-meta>span{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);gap:5px;padding:14px;display:grid}.json-validation-meta small{color:var(--text-muted)}.json-validation-meta strong{color:var(--text-main);font-size:18px}.json-error-location{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:5px;display:flex}.json-error-location span{border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:8px 12px;font-size:13px}.json-checkbox-setting{min-height:36px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.json-checkbox-setting input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.json-result-editor{min-height:280px}.json-converter-settings{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 16px;display:flex}@media (width<=760px){.json-converter-settings{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}}@media (width<=600px){.json-editor-footer .json-toolbar-actions{flex-direction:column;align-items:flex-start;width:100%}}@media (width<=520px){.json-validation-meta{grid-template-columns:1fr}}@media (width<=600px){.json-toolbar{flex-direction:column}.json-toolbar-actions{width:100%}.json-toolbar-actions button{flex:1}.json-editor{min-height:300px}.json-editor-footer{flex-direction:column;align-items:flex-start}}@media screen{#math-tools,[data-tool-filter=math-tools],[data-mobile-tool-filter=math-tools],body[data-category=math],:is(.tool-card,.popular-tool-card,.related-tool-link,.recent-tool-link,.blog-related-tool-list a)[href*="/math/"]{--cat:var(--cat-math);--cat-on:var(--cat-math-on);--cat-text:var(--cat-math-text);--eyebrow-bg:var(--cat-math);--eyebrow-on:var(--cat-math-on)}#unit-tools,[data-tool-filter=unit-tools],[data-mobile-tool-filter=unit-tools],body[data-category=unit],:is(.tool-card,.popular-tool-card,.related-tool-link,.recent-tool-link,.blog-related-tool-list a)[href*="/unit/"]{--cat:var(--cat-unit);--cat-on:var(--cat-unit-on);--cat-text:var(--cat-unit-text);--eyebrow-bg:var(--cat-unit);--eyebrow-on:var(--cat-unit-on)}#document-tools,[data-tool-filter=document-tools],[data-mobile-tool-filter=document-tools],body[data-category=document],:is(.tool-card,.popular-tool-card,.related-tool-link,.recent-tool-link,.blog-related-tool-list a)[href*="/document/"]{--cat:var(--cat-document);--cat-on:var(--cat-document-on);--cat-text:var(--cat-document-text);--eyebrow-bg:var(--cat-document);--eyebrow-on:var(--cat-document-on)}#learning-tools,[data-tool-filter=learning-tools],[data-mobile-tool-filter=learning-tools],body[data-category=learning],:is(.tool-card,.popular-tool-card,.related-tool-link,.recent-tool-link,.blog-related-tool-list a)[href*="/learning/"]{--cat:var(--cat-learning);--cat-on:var(--cat-learning-on);--cat-text:var(--cat-learning-text);--eyebrow-bg:var(--cat-learning);--eyebrow-on:var(--cat-learning-on)}body[data-category=image],:is(.tool-card,.popular-tool-card,.related-tool-link,.recent-tool-link,.blog-related-tool-list a)[href*="/image/"]{--cat:var(--cat-image);--cat-on:var(--cat-image-on);--cat-text:var(--cat-image-text);--eyebrow-bg:var(--cat-image);--eyebrow-on:var(--cat-image-on)}#developer-tools,[data-tool-filter=developer-tools],[data-mobile-tool-filter=developer-tools],body[data-category=developer],:is(.tool-card,.popular-tool-card,.related-tool-link,.recent-tool-link,.blog-related-tool-list a)[href*="/developer/"]{--cat:var(--cat-developer);--cat-on:var(--cat-developer-on);--cat-text:var(--cat-developer-text);--eyebrow-bg:var(--cat-developer);--eyebrow-on:var(--cat-developer-on)}[data-tool-filter=popular],[data-tool-filter=all]{--cat:var(--highlight);--cat-on:var(--on-highlight)}body{background-color:var(--background);background-image:radial-gradient(var(--dot) 1.2px, transparent 1.2px);background-size:22px 22px}h1,h2,h3{letter-spacing:-.01em}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}::selection{background:var(--highlight);color:var(--on-highlight)}.hl{background:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 94%, transparent 94%);box-decoration-break:clone;padding:0 .1em}.tool-page-header h1,.blog-hero h1,.blog-category-header h1,.legal-card h1{text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:-.14em;text-decoration-skip-ink:none;text-decoration-thickness:.36em}.navbar{background:var(--background);backdrop-filter:none;border-bottom:var(--line-width) solid var(--line)}.brand{letter-spacing:-.01em;font-weight:900}.nav-links{color:var(--text-main);gap:22px;font-weight:700}.nav-links>a:not(.nav-support-link){background:linear-gradient(var(--marker), var(--marker)) no-repeat 0 88% / 0 .5em;padding:6px 2px;transition:background-size .16s}.nav-links>a:not(.nav-support-link):hover,.nav-links>a:not(.nav-support-link)[aria-current=page]{color:var(--text-main);background-size:100% .5em}.nav-support-link,.nav-support-link:hover{border:var(--line-width) solid var(--line);background:var(--highlight);min-height:44px;color:var(--on-highlight);box-shadow:var(--sticker-xs);border-radius:999px;padding:8px 14px}.theme-toggle,.language-picker summary{border:var(--line-width) solid var(--line);background:var(--surface);min-height:44px;color:var(--text-main);box-shadow:var(--sticker-xs);border-radius:12px;font-weight:700}.theme-toggle{width:44px;height:44px}.theme-toggle:hover{border-color:var(--line);background:var(--highlight);color:var(--on-highlight)}.language-picker summary{padding:8px 12px}.language-menu{border:var(--line-width) solid var(--line);box-shadow:var(--sticker);border-radius:14px}.language-menu a{min-height:40px;color:var(--text-main)}@media (width<=900px){.mobile-nav-actions .nav-support-link{min-height:44px}.mobile-menu-toggle,.mobile-menu-close{border:var(--line-width) solid var(--line);width:44px;height:44px;box-shadow:var(--sticker-xs);border-radius:12px}.mobile-menu-toggle:hover,.mobile-menu-close:hover{border-color:var(--line);background:var(--highlight);color:var(--on-highlight)}.mobile-menu-overlay{background:#14161c8c}.mobile-nav-drawer{border-left:var(--line-width) solid var(--line);background:var(--background);box-shadow:none}[dir=rtl] .mobile-nav-drawer{border-right:var(--line-width) solid var(--line);box-shadow:none}.mobile-nav-drawer-header{border-bottom:var(--line-width) solid var(--line)}.mobile-nav-drawer-title strong{font-weight:900}.mobile-nav-list{gap:8px}.mobile-nav-item{border:var(--line-width) solid var(--line);background:var(--surface);min-height:52px;color:var(--text-main);box-shadow:var(--sticker-xs)}.mobile-nav-item:hover,.mobile-nav-item[aria-current=page],.mobile-nav-item.is-featured[aria-current=page]{border-color:var(--line);background:var(--highlight);color:var(--on-highlight)}.mobile-nav-item.is-featured{border-color:var(--line);background:var(--surface);color:var(--text-main)}.mobile-nav-icon{border:var(--line-width) solid var(--line);background:var(--cat,var(--highlight));color:var(--cat-on,var(--on-highlight));font-size:13px}.mobile-nav-list:first-child .mobile-nav-icon{background:var(--highlight);color:var(--on-highlight)}.mobile-nav-item:hover .mobile-nav-arrow,.mobile-nav-item[aria-current=page] .mobile-nav-arrow{color:var(--on-highlight)}.mobile-nav-section-label{color:var(--text-secondary)}.mobile-nav-settings{border-top:1px dashed var(--border)}.mobile-nav-settings .theme-toggle,.mobile-language-picker summary{min-height:48px}.mobile-language-picker .language-menu{box-shadow:none}}.hero{padding-bottom:56px}.hero-badge{border:var(--line-width) solid var(--line);background:var(--highlight);color:var(--on-highlight);box-shadow:var(--sticker-xs);border-radius:8px;padding:7px 14px;font-weight:800;transform:rotate(-2deg)}.hero h1{letter-spacing:-.02em;font-weight:900;line-height:1.2}.hero-stat strong{color:var(--text-main);background:linear-gradient(transparent 58%, var(--marker) 58%, var(--marker) 94%, transparent 94%);padding:0 .12em;font-weight:900}.search-box{border:var(--line-width) solid var(--line);box-shadow:var(--sticker);border-radius:16px}.search-box:focus-within{border-color:var(--primary);outline:3px solid var(--focus-ring);outline-offset:2px}.search-box>span{color:var(--text-main)}.search-box input:focus-visible{outline:0}.search-box input::placeholder{color:var(--text-muted)}.search-box kbd{border:1.5px solid var(--line);background:var(--surface-soft);color:var(--text-main);font-weight:700}.section-eyebrow,.blog-eyebrow,.blog-section-heading p,.blog-category-header>p{border:var(--line-width) solid var(--line);background:var(--eyebrow-bg,var(--highlight));width:fit-content;color:var(--eyebrow-on,var(--on-highlight));box-shadow:var(--sticker-xs);letter-spacing:.1em;border-radius:6px;margin-bottom:10px;padding:2px 9px;font-size:11px;font-weight:800;line-height:1.6;display:block;transform:rotate(-1.5deg)}.section-heading h2,.popular-tools-heading h2,.blog-section-heading h2,.blog-related-posts>h2{font-size:26px;font-weight:900;line-height:1.3}.section-count,.popular-tools-heading>span,.blog-section-heading>span{color:var(--text-secondary);font-weight:600}.home-seo-intro,.language-more-card{border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--sticker)}.secondary-action{border:var(--line-width) solid var(--line);min-height:44px;color:var(--text-main);box-shadow:var(--sticker-xs);border-radius:12px;align-items:center}.tool-sidebar{border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--sticker)}.tool-sidebar-heading span{color:var(--text-secondary)}.tool-sidebar-heading strong{font-weight:900}.tool-filter-button{border:var(--line-width) solid transparent;min-height:44px;color:var(--text-main);border-radius:10px;padding:6px 8px;font-weight:700}.tool-filter-button>span{border:var(--line-width) solid var(--line);background:var(--cat);width:28px;height:28px;color:var(--cat-on);border-radius:8px;flex:0 0 28px;place-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.tool-filter-button small{color:var(--text-muted);font-weight:700}.tool-filter-button:hover{background:var(--surface-soft);color:var(--text-main)}.tool-filter-button.is-active,.tool-filter-button.is-active:hover{border-color:var(--line);background:var(--highlight);color:var(--on-highlight)}.tool-filter-button.is-active small{color:var(--on-highlight)}.tool-card,.popular-tool-card{border:var(--line-width) solid var(--line);background:var(--surface);box-shadow:var(--sticker);border-radius:14px;transition:transform .14s,box-shadow .14s}.tool-card:hover,.popular-tool-card:hover{border-color:var(--line);box-shadow:var(--sticker);transform:none}.tool-icon,.popular-tool-icon,.category-navigation-icon{border:var(--line-width) solid var(--line);background:var(--cat);color:var(--cat-on);border-radius:10px;font-weight:800}.tool-number{color:var(--text-muted);font-weight:700}.tool-card-content h3{font-size:18px;font-weight:800;line-height:1.35}.popular-tool-content strong{font-size:14px;font-weight:800}.popular-tool-content small,.category-navigation-content small{color:var(--text-secondary)}.tool-action{color:var(--text-secondary);font-weight:700}.tool-card:hover .tool-action,.popular-tool-card:hover .popular-tool-arrow{color:var(--text-main)}.popular-tool-arrow{color:var(--text-secondary);font-weight:800}.disabled-card,.disabled-card:hover{box-shadow:none;opacity:.72;border-style:dashed}.coming-soon{border:1.5px solid var(--line);color:var(--text-secondary)}.home-quick-links a,.recent-tool-link{border:var(--line-width) solid var(--line);min-height:44px;color:var(--text-main);box-shadow:var(--sticker-xs);align-items:center;font-weight:700;display:inline-flex}.recent-tool-link{border-left-width:8px;border-left-color:var(--cat);box-shadow:none}.home-quick-links a:hover,.recent-tool-link:hover{border-color:var(--line);border-left-color:var(--cat);background:var(--highlight);color:var(--on-highlight)}.search-empty,.blog-empty,.vocab-empty{border:var(--line-width) dashed var(--text-muted);color:var(--text-secondary)}.site-footer{border-top:var(--line-width) dashed var(--line);color:var(--text-secondary);font-size:13px}.site-footer strong{font-weight:900}.footer-links a{min-height:44px;color:var(--text-main);text-decoration:underline;text-decoration-color:var(--marker);text-underline-offset:4px;align-items:center;padding:0 6px;font-weight:700;text-decoration-thickness:3px;display:inline-flex}.footer-links a:hover{color:var(--text-main);text-decoration-color:var(--line)}.ad-slot{border:1px dashed var(--border);background:0 0}.tool-page{background:0 0}body:has(.seo-content) .tool-page{min-height:0;padding-bottom:8px}.tool-breadcrumb{color:var(--text-secondary);flex-wrap:wrap;font-weight:700}.tool-breadcrumb a{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px;text-decoration-thickness:2px}.tool-breadcrumb a:hover{color:var(--text-main);text-decoration-color:var(--line)}.tool-breadcrumb>span:last-child{border:var(--line-width) solid var(--line);background:var(--cat);color:var(--cat-on);box-shadow:var(--sticker-xs);border-radius:6px;padding:2px 10px;font-size:12px;font-weight:800;transform:rotate(-1.5deg)}.tool-page-header h1{letter-spacing:-.02em;font-weight:900;line-height:1.3}.tool-page-header p{margin-top:16px;font-size:16px}.tool-main-card,.tool-explanation,.tool-result,.seo-content,.legal-card,.interactive-card,.table-card,.statistics-results article{border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--sticker)}.tool-result{border-color:var(--line)}.tool-result-label{background:var(--highlight);color:var(--on-highlight);border-radius:6px;padding:2px 10px;font-weight:800;display:inline-block}.tool-result-value{color:var(--text-main);margin-top:14px;font-weight:900}.tool-card-title h2,.tool-explanation h2{font-size:20px;font-weight:900}.tool-card-title p,.tool-section-subtitle{color:var(--text-secondary)}.tool-section-icon,.tool-explanation-icon{border:var(--line-width) solid var(--line);background:var(--cat);color:var(--cat-on);border-radius:10px;flex:none;font-weight:800}.tool-input-label{color:var(--text-main);font-size:14px;font-weight:700}.tool-input{border:var(--line-width) solid var(--line);border-radius:12px;min-height:48px}.tool-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring);outline:0}.tool-primary-button{border:var(--line-width) solid var(--line);background:var(--primary);min-height:50px;color:var(--on-primary);box-shadow:var(--sticker);border-radius:12px;font-size:16px;font-weight:800;transition:transform .1s,box-shadow .1s,background .14s}.tool-primary-button:hover{background:var(--primary-dark);transform:none}.tool-primary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.tool-secondary-button{border:var(--line-width) solid var(--line);background:var(--surface);min-height:44px;color:var(--text-main);box-shadow:var(--sticker-xs);border-radius:12px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s,background .14s}.tool-secondary-button:hover{background:var(--highlight);color:var(--on-highlight)}.tool-secondary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.tool-formula{border:1px solid var(--border);border-left:6px solid var(--cat);border-radius:10px}.tool-info-box{border:1px dashed var(--text-muted);color:var(--text-secondary)}.related-tool-link{border:var(--line-width) solid var(--line);border-left-width:10px;border-left-color:var(--cat);background:var(--surface);border-radius:12px;transition:transform .14s,box-shadow .14s}.related-tool-link:hover{border-color:var(--line);border-left-color:var(--cat);transform:none}.related-tool-link strong{font-weight:800}.related-tool-link span{color:var(--text-secondary)}.seo-content h2{font-weight:900}.seo-content h2:before{content:"";border:var(--line-width) solid var(--line);background:var(--cat);vertical-align:.02em;border-radius:3px;width:12px;height:12px;margin-right:10px;display:inline-block}.seo-content a,.tool-explanation p a{color:var(--primary);text-underline-offset:3px;font-weight:700;text-decoration:underline}.legal-card h1{font-weight:900;line-height:1.3}.legal-card h2{font-weight:900}.legal-updated{color:var(--text-secondary)!important}@media (width<=800px){.section-heading h2,.popular-tools-heading h2,.blog-section-heading h2,.blog-related-posts>h2{font-size:23px}}@media (width<=560px){.hero{padding-bottom:36px}.tool-card,.popular-tool-card,.tool-main-card,.tool-explanation,.tool-result,.seo-content,.legal-card,.home-seo-intro,.blog-card,.blog-article,.blog-sidebar-card,.interactive-card,.table-card,.statistics-results article{box-shadow:var(--sticker-sm)}.blog-hero{box-shadow:var(--sticker)}.tool-card:hover,.popular-tool-card:hover{box-shadow:var(--sticker-sm)}.home-seo-intro{padding:22px 18px}.tool-sidebar{border-width:0 0 var(--line-width);background:var(--background);box-shadow:none;backdrop-filter:none;border-radius:0;padding:10px 12px 12px}.tool-filter-navigation{padding:2px 3px 4px 1px}.tool-filter-button{border:var(--line-width) solid var(--line);background:var(--surface);min-height:44px;box-shadow:var(--sticker-xs);border-radius:999px;padding:6px 12px 6px 7px}.tool-filter-button>span{border-radius:999px;flex-basis:26px;width:26px;height:26px}.tool-filter-button.is-active>span{background:var(--surface);color:var(--text-main)}:root[data-theme=dark] .tool-filter-button.is-active>span{background:var(--on-highlight);color:var(--highlight)}}@media (prefers-reduced-motion:no-preference){a.tool-card:hover,.popular-tool-card:hover{box-shadow:var(--sticker-lg);transform:translate(-2px,-2px)}.related-tool-link:hover,.blog-related-tool-list a:hover{box-shadow:var(--sticker-sm);transform:translate(-2px,-2px)}.tool-primary-button:not(:disabled):hover{box-shadow:5px 5px 0 var(--shadow-ink);transform:translate(-1px,-1px)}.tool-primary-button:not(:disabled):active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(4px,4px)}.tool-secondary-button:not(:disabled):active,.nav-support-link:active,.theme-toggle:active,.mobile-menu-toggle:active,.mobile-menu-close:active,.mobile-nav-item:active,.blog-category-nav a:active,.home-quick-links a:active,.secondary-action:active,.blog-support-card>a:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-primary-button:not(:disabled):active,.tool-secondary-button:not(:disabled):active{box-shadow:none}}.tool-page :is(.tool-main-card,.tool-explanation) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden]),select,textarea){border-width:var(--line-width);border-color:var(--line)}.tool-page :is(.tool-main-card,.tool-explanation) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden]),select,textarea):focus{border-color:var(--primary);outline:3px solid var(--focus-ring);outline-offset:0}.tool-page :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--primary)}.image-drop-zone,.simple-image-upload{border:var(--line-width) dashed var(--line);border-radius:var(--radius-lg);background:var(--surface-soft)}.image-drop-zone:hover,.image-drop-zone:focus-visible,.simple-image-upload:hover{border-color:var(--line);background:var(--highlight-soft);border-style:solid}.image-drop-icon,.simple-image-upload-icon{border:var(--line-width) solid var(--line);background:var(--cat);color:var(--cat-on);box-shadow:var(--sticker-xs)}.privacy-note,.simple-privacy{border:1px dashed var(--success);background:var(--success-soft);color:var(--success)}.document-error,.image-file-actions .remove-file{color:var(--danger)}.document-status{color:var(--success)}.pdf-file-icon{background:var(--danger-soft);color:var(--danger)}.json-download-button,.favicon-download,.simple-image-download,.worksheet-actions .answer-button{border:var(--line-width) solid var(--line);background:var(--success);color:var(--on-success);box-shadow:var(--sticker-xs)}.conversion-tabs{border:var(--line-width) solid var(--line)}.worksheet-quick-start{border:var(--line-width) solid var(--line);background:var(--surface-soft)}.worksheet-step-number{border:var(--line-width) solid var(--line);background:var(--highlight);width:28px;height:28px;color:var(--on-highlight);font-weight:800}.worksheet-quick-start h3{font-size:16px;font-weight:800}.worksheet-quick-buttons button{border:var(--line-width) solid var(--line);min-height:44px;color:var(--text-main);border-radius:10px}.worksheet-quick-buttons button:hover{border-color:var(--line);background:var(--highlight-soft);color:var(--text-main)}.worksheet-quick-buttons button.is-selected{border-color:var(--line);background:var(--highlight);color:var(--on-highlight);box-shadow:var(--sticker-xs)}.worksheet-advanced-settings>summary,.worksheet-advanced-settings[open]>summary{border:var(--line-width) solid var(--line);border-left:8px solid var(--cat);background:var(--surface);min-height:44px;color:var(--text-main);border-radius:10px;font-weight:800}.worksheet-setting-panel,.worksheet-operation-fieldset{border:1.5px solid var(--text-muted)}.worksheet-operation-fieldset legend,.worksheet-setting-panel>h3{font-weight:800}.worksheet-operation-options span,.worksheet-choice-grid span{border:var(--line-width) solid var(--line)}.worksheet-operation-options label:hover span,.worksheet-choice-grid label:hover span{background:var(--highlight-soft);transform:none}.worksheet-actions button{border:var(--line-width) solid var(--line);min-height:44px;box-shadow:var(--sticker-xs);font-weight:700}.worksheet-actions .tool-primary-button{min-height:44px;box-shadow:var(--sticker-xs)}.worksheet-warning{border:1px solid var(--warning);background:var(--warning-soft);color:var(--warning)}.learning-error{border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger)}.question-edit-panel{border:var(--line-width) solid var(--line);box-shadow:var(--sticker)}.unit-category-tabs button,.fraction-operations button,.calculator-mode-tabs button,.number-picker button{border:var(--line-width) solid var(--line);min-height:44px;color:var(--text-main);font-weight:700}.unit-swap-button{border:var(--line-width) solid var(--line);box-shadow:var(--sticker-xs)}@media (prefers-reduced-motion:no-preference){.worksheet-actions button:active,.worksheet-quick-buttons button:active{box-shadow:0 0 0 var(--shadow-ink);transform:translate(2px,2px)}}.simple-converter-format-grid,.simple-converter-format-grid select,.json-indent-setting select,.timestamp-field select{border:var(--line-width) solid var(--line)}}.language-menu a:hover,.language-menu a[aria-current=true]{background:var(--highlight)!important;color:var(--on-highlight)!important}.tool-page button.active:not(.answer-view):not(.answer-button),.tool-page button.is-active:not(.answer-view):not(.answer-button),.tool-page button[aria-pressed=true]:not(.answer-view):not(.answer-button):not(.seating-seat),.tool-page [role=tab][aria-selected=true],.fraction-operations button.active,.calculator-mode-tabs button.active,.unit-category-tabs button.active,.number-picker button.is-active{background:var(--highlight)!important;color:var(--on-highlight)!important;border-color:var(--line)!important}.factor-item:hover,.gcd-final-formula,.gcd-step-number,.gcd-final-answer,.lcm-input-index,.lcm-final-formula,.lcm-step-number,.lcm-final-answer,.number-chip.common,.prime-step-number,.ratio-unknown,.unit-swap-button{background:var(--primary)!important;color:var(--on-primary)!important;border-color:var(--line)!important}.prime-number-grid span,.number-picker button:hover,.simple-image-upload:hover .simple-image-upload-icon{background:var(--primary)!important;color:var(--on-primary)!important;border-color:var(--primary)!important}.decimal-option-grid input:checked+span{background:var(--highlight)!important;color:var(--on-highlight)!important;border-color:var(--line)!important}.decimal-option-grid input:checked+span strong,.decimal-option-grid input:checked+span small{color:var(--on-highlight)!important}.worksheet-operation-options input:checked+span,.worksheet-choice-grid input:checked+span{background:var(--highlight)!important;color:var(--on-highlight)!important;border-color:var(--line)!important;box-shadow:none!important}.worksheet-operation-options label:hover span,.worksheet-choice-grid label:hover span,.worksheet-actions button:hover{border-color:var(--line)!important}.worksheet-operation-options input:focus-visible+span,.worksheet-choice-grid input:focus-visible+span,.worksheet-settings-grid input:focus,.worksheet-settings-grid select:focus,.number-setting-row input:focus,.number-setting-row select:focus{outline-color:var(--focus-ring)!important;border-color:var(--primary)!important}.worksheet-check-row input{accent-color:var(--primary)!important}.worksheet-actions .tool-primary-button{background:var(--primary)!important;color:var(--on-primary)!important;border-color:var(--line)!important}.fraction-generator{--fraction-style-option:color-mix(in srgb, var(--primary) 8%, transparent)!important}.word-style-fieldset{border-color:color-mix(in srgb, var(--primary) 40%, transparent)!important}.problem-badges span{background:var(--primary)!important;color:var(--on-primary)!important}.homework-crop-box{background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#2563eba6 1px),linear-gradient(#0000 calc(100% - 1px),#2563eba6 1px)!important}:root[data-theme=dark] .image-drop-zone:hover,:root[data-theme=dark] .image-drop-zone:focus-visible{background:var(--surface-soft)!important}