:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f7f8;--surface:#fff;--surface-soft:#f1f3f4;--surface-tint:#eef2f2;--surface-strong:#111827;--border:#e1e5e8;--border-strong:#b9c1c8;--text:#111827;--muted:#69747d;--muted-strong:#46515a;--primary:#111827;--primary-hover:#243041;--primary-soft:#e8f2f0;--primary-border:#7bb9ad;--accent:#0f766e;--focus:#006bff;--success:#007f70;--success-soft:#ddfef6;--success-border:#b1f7ec;--amber:#aa4d00;--amber-soft:#fff6de;--amber-border:#ffdc73;--danger:#b42318;--shadow:0 1px 1px #1118270a, 0 18px 40px -28px #1118274d;--shadow-soft:0 1px 2px #1118270f, 0 12px 26px -24px #11182759;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050607;--surface:#0d1116;--surface-soft:#151b22;--surface-tint:#182028;--surface-strong:#f5f7f8;--border:#252d36;--border-strong:#3a4652;--text:#f5f7f8;--muted:#9ca8b3;--muted-strong:#c3ccd4;--primary:#f5f7f8;--primary-hover:#dce3e8;--primary-soft:#10201e;--primary-border:#2f776d;--accent:#21b7a8;--focus:#006efe;--success:#00cfb7;--success-soft:#002b22;--success-border:#006354;--amber:#ff9300;--amber-soft:#2a1700;--amber-border:#5b3000;--danger:#ffb4ab;--shadow:0 1px 1px #ffffff0a, 0 20px 40px -30px #000000e6;--shadow-soft:0 1px 1px #ffffff0a}}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--background);min-width:320px}body{background:linear-gradient(180deg, var(--surface) 0, var(--background) 360px), var(--background);min-height:100vh;color:var(--text);font-family:var(--sans);margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:var(--focus)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus);outline:0}h1,h2,h3,p{letter-spacing:0;margin:0}.app{grid-template-columns:330px minmax(0,1fr);gap:16px;width:min(100%,1480px);min-height:100vh;margin:0 auto;padding:16px;display:grid}#root[data-default-tool]:not([data-app-ready=true]){visibility:hidden;min-height:100vh}.app--home{grid-template-columns:minmax(0,1fr);width:min(100%,1180px);padding:24px}.tool-nav{border:1px solid var(--border);background:var(--surface);min-width:0;height:calc(100vh - 32px);box-shadow:var(--shadow-soft);border-radius:6px;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;padding:12px;display:grid;position:sticky;top:16px}.brand-card,.masthead,.tool-panel,.metric-card{border-radius:6px}.brand-card{border:1px solid var(--border);background:var(--surface);color:var(--text);align-items:center;gap:12px;padding:12px;display:flex}.brand-card strong{margin-top:3px;font-size:18px;line-height:1.08;display:block}.brand-mark{border:1px solid var(--border);background:var(--surface);object-fit:cover;border-radius:6px;flex:none;width:52px;height:52px}.eyebrow,.category{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:600;line-height:1}.brand-card .eyebrow{color:var(--primary)}.search-shell{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.hero-search-shell{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,620px);min-height:54px;color:var(--muted);box-shadow:var(--shadow-soft);border-radius:6px;align-items:center;gap:12px;margin-top:8px;padding:0 16px;display:flex}.hero-search-shell:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}#hero-search{width:100%;min-width:0;color:var(--text);background:0 0;border:0;font-size:16px}#hero-search::placeholder{color:var(--muted)}.search-shell:focus-within{border-color:var(--focus);background:var(--surface);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}#search{width:100%;min-width:0;color:var(--text);background:0 0;border:0}#search::placeholder{color:var(--muted)}.category-tabs{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--muted-strong);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--border-strong);background:var(--surface-soft)}.chip.active{border-color:var(--primary);background:var(--primary);color:var(--surface)}.nav-head,.tool-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.nav-head{color:var(--muted-strong);padding:0 4px;font-size:13px}#tool-count,.rank{border:1px solid var(--border);background:var(--surface);min-height:26px;color:var(--muted-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.tool-list{align-content:start;gap:5px;min-height:0;padding-right:2px;display:grid;overflow:auto}.tool-list::-webkit-scrollbar{width:8px}.tool-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.tool-item{border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(0,1fr) 32px 32px;align-items:center;gap:6px;padding:6px;display:grid}.tool-item:hover{background:var(--surface-soft)}.tool-item.active{border-color:var(--border-strong);background:var(--surface);box-shadow:var(--shadow-soft)}.tool-name{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:0;display:grid}.tool-icon{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted-strong);border-radius:6px;place-items:center;display:grid}.tool-item.active .tool-icon{border-color:var(--primary);background:var(--primary);color:var(--surface)}.tool-copy{gap:2px;min-width:0;display:grid}.tool-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2;overflow:hidden}.tool-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;overflow:hidden}.workspace{align-content:start;gap:14px;min-width:0;display:grid}.workspace--home{gap:16px}.masthead{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding:22px;display:grid}.masthead-main{gap:18px;min-width:0;display:grid}.brand-copy{gap:8px;min-width:0;display:grid}.brand-copy h1{max-width:820px;color:inherit;font-size:clamp(30px,4vw,48px);font-weight:600;line-height:1.02}.masthead-title-link{color:inherit;text-decoration:none}.masthead-title-link:hover,.masthead-title-link:focus-visible{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.06em}.brand-copy p{max-width:760px;color:var(--muted);font-size:15px;line-height:1.5}.masthead .eyebrow{color:var(--muted-strong)}.masthead-stats{flex-wrap:wrap;gap:8px;display:flex}.metric-pill{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:400;display:inline-flex}.metric-pill strong{color:var(--text);font-size:15px}.toolbar,.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.masthead .toolbar{justify-content:flex-end}.app--home .masthead{padding:28px}.app--home .brand-copy h1{max-width:760px;font-size:clamp(34px,5vw,62px)}.app--home .brand-copy p{max-width:660px}.app--home .hero-search-shell{width:min(100%,680px)}.unit-converter-row .field{flex:1 1 0;min-width:160px}.compact-field{max-width:190px}.metric-row,.metric-card{display:none}.tool-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow);order:2;overflow:hidden}.tool-head{border-bottom:1px solid var(--border);background:var(--surface);padding:20px 22px}.tool-head h2{margin-top:6px;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.1}.tool-head p{color:var(--muted);margin-top:7px;font-size:14px}.tool-stage{grid-template-columns:1fr;gap:0;display:grid}.tool-body{grid-template-columns:minmax(250px,390px) minmax(320px,1fr);gap:18px;min-width:0;padding:22px;display:grid}.tool-loading,.tool-error{border:1px solid var(--border);background:var(--surface-soft);min-height:132px;color:var(--muted);grid-column:1/-1;place-items:center;font-size:14px;display:grid}.tool-error{color:var(--danger)}.form,.result{align-content:start;gap:13px;min-width:0;display:grid}.result{min-height:100%}.result-head{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex}.result-head label{color:var(--muted-strong);font-size:12px;font-weight:500}.field{gap:7px;display:grid}.field label,.field>span{color:var(--muted-strong);font-size:12px;font-weight:500}input:not([type=checkbox]):not([type=color]):not([type=range]),select,textarea,.output{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);box-shadow:none;border-radius:6px;padding:11px 12px}select{padding-right:36px}[dir=rtl] select{padding-left:36px;padding-right:12px}input:not([type=checkbox]):not([type=color]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}input:not([type=checkbox]):not([type=color]):not([type=range]):disabled,select:disabled,textarea:disabled{border-color:var(--border);background:var(--surface-soft);color:var(--muted);cursor:not-allowed;box-shadow:none}input:disabled::placeholder,textarea:disabled::placeholder{color:var(--muted)}.conditional-field{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:10px;transition:border-color .14s,background .14s,opacity .14s}.conditional-field.inactive{border-style:dashed;border-color:var(--border-strong);background:var(--surface-soft)}.conditional-field.inactive label{color:var(--muted)}.field-note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.work-hour-row{grid-template-columns:88px minmax(92px,1fr) minmax(92px,1fr) minmax(112px,1fr);align-items:end;gap:8px;display:grid}.work-hour-day{min-height:42px;color:var(--text);align-items:center;font-size:13px;font-weight:600;display:flex}.upload-limit{border-left:3px solid var(--focus);background:var(--surface-soft);color:var(--muted-strong);border-radius:4px;padding:7px 9px}.conditional-field.inactive .field-note{color:var(--muted)}input[type=file]{min-height:44px;padding:7px;font-size:14px;overflow:hidden}input[type=file]::file-selector-button{border:1px solid var(--border);background:var(--surface-soft);min-height:30px;color:var(--text);cursor:pointer;border-radius:6px;margin-right:10px;font-weight:500}input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;width:46px;height:38px;padding:3px}input[type=range]{width:100%;accent-color:var(--primary)}textarea{resize:vertical;min-height:150px;line-height:1.5;font-family:var(--mono);font-size:13px}.uuid-inspect-field textarea{min-height:78px}.uuid-secondary{border:1px solid var(--border);background:var(--surface);border-radius:6px}.uuid-secondary summary{min-height:42px;color:var(--muted-strong);cursor:pointer;align-items:center;padding:0 12px;font-size:13px;font-weight:600;display:flex}.uuid-secondary summary:hover{background:var(--surface-soft)}.uuid-secondary-body{border-top:1px solid var(--border);gap:13px;padding:12px;display:grid}.output{overflow-wrap:anywhere;background:var(--surface-soft);min-height:180px;font-family:var(--mono);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5;overflow:auto}.tool-body--compact-output{align-items:start}.tool-body--compact-output .result{min-height:0}.tool-body--compact-output .output{min-height:76px}html[dir=rtl] .output{font-family:var(--sans)}.btn{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--surface-soft)}.btn.primary{border-color:var(--primary);background:var(--primary);color:var(--surface);box-shadow:none}.btn.primary:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.btn:disabled,.btn:disabled:hover,button[aria-disabled=true],button[aria-disabled=true]:hover,.btn[aria-disabled=true],.btn[aria-disabled=true]:hover,button:disabled,button:disabled:hover{border-color:var(--border);background:var(--surface-soft);color:var(--muted);cursor:not-allowed;opacity:.72}.btn[aria-disabled=true]{pointer-events:none}.btn.micro{min-height:32px;padding:0 8px;font-size:12px}.result-copy{color:var(--muted-strong);flex:none}.masthead .btn{border-color:var(--border);background:var(--surface);color:var(--text)}.masthead .btn:hover{border-color:var(--border-strong);background:var(--surface-soft)}.quick-paths{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-soft);border-radius:6px;order:1;gap:12px;padding:16px;display:grid}.quick-paths-head{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.search-shortcuts-collapse>summary{cursor:pointer;list-style:none}.search-shortcuts-collapse>summary::-webkit-details-marker{display:none}.search-shortcuts-collapse>summary:after{content:"+";border:1px solid var(--border);width:24px;height:24px;color:var(--muted-strong);border-radius:999px;place-items:center;font-size:16px;line-height:1;display:grid}.search-shortcuts-collapse[open]>summary:after{content:"-"}.quick-paths-head strong{color:var(--text);font-size:14px;font-weight:600}.quick-path-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.app--home .quick-paths{padding:18px}.app--home .quick-path-grid{gap:10px}.quick-path-grid--json-workflow{grid-template-columns:1.35fr repeat(5,minmax(0,1fr))}.quick-path-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:72px;color:var(--text);border-radius:6px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;text-decoration:none;display:grid}.home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.home-tool-card{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:76px;color:var(--text);border-radius:6px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:11px;text-decoration:none;display:grid}.home-tool-card:hover{border-color:var(--border-strong);background:var(--surface-soft)}.quick-path-card.featured{border-color:var(--primary-border);background:var(--primary-soft)}.quick-path-card:hover{border-color:var(--border-strong);background:var(--surface-soft)}.quick-path-icon{border:1px solid var(--border);background:var(--surface-soft);width:38px;height:38px;color:var(--muted-strong);border-radius:6px;place-items:center;display:grid}.quick-path-card.featured .quick-path-icon{border-color:var(--primary-border);color:var(--text)}.quick-path-copy{gap:3px;min-width:0;display:grid}.quick-path-copy strong,.quick-path-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-path-copy strong{font-size:13px;font-weight:600;line-height:1.2}.quick-path-copy small{color:var(--muted);font-size:12px;line-height:1.25}.tool-intent-links{border:1px solid var(--border);background:var(--surface);border-radius:6px;gap:9px;margin-top:-6px;padding:12px 16px;display:grid}.tool-intent-list{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.tool-intent-list a{border:1px solid var(--border);background:var(--surface-soft);max-width:100%;min-height:34px;color:var(--text);border-radius:6px;align-items:center;padding:7px 10px;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.tool-intent-list a:hover{border-color:var(--border-strong);background:var(--surface-strong)}.language-shell{border:1px solid var(--border);background:var(--surface);max-width:190px;height:40px;min-height:40px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.language-shell:hover{border-color:var(--border-strong);background:var(--surface-soft)}.language-select-value{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;align-items:center;min-width:0;height:100%;line-height:1;display:inline-flex;overflow:hidden}.language-caret{pointer-events:none;margin-left:2px}.language-shell select{width:100%;height:100%;min-height:100%;box-shadow:none;color:var(--text);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:0;padding:0;font-weight:500;position:absolute;inset:0}.language-shell:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.move{width:32px;min-width:32px;padding:0}.muted{color:var(--muted);font-size:12px;line-height:1.45}.insight-rail{border-top:1px solid var(--border);background:var(--surface-soft);min-width:0;color:var(--text);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;align-items:start;gap:12px;padding:18px;display:grid}.guide-card,.insight-card,.share-card{border:1px solid var(--border);background:var(--surface);box-shadow:none;border-radius:6px;padding:12px}.guide-card{gap:9px;display:grid}.guide-card.primary{border-color:var(--border-strong);background:var(--surface)}.limit-card{border-color:var(--amber-border);background:var(--amber-soft)}.guide-kicker{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:600;line-height:1}.guide-card h3{margin:0;font-size:16px;line-height:1.2}.guide-card p{color:var(--muted);font-size:12px;line-height:1.48}.guide-list{counter-reset:guide-step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-list li{min-width:0;color:var(--muted-strong);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;font-size:12px;line-height:1.42;display:grid}.guide-list li:before{counter-increment:guide-step;content:counter(guide-step);border:1px solid var(--primary-border);background:var(--surface);width:22px;height:22px;color:var(--primary);border-radius:999px;place-items:center;font-size:11px;font-weight:600;display:grid}.insight-card{grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}.insight-card svg{color:var(--muted-strong);margin-top:1px}.insight-card strong,.related-box>strong{color:var(--text);font-size:13px;display:block}.insight-card span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.38;display:block}.share-card{align-content:start;gap:8px;display:grid}.share-tool-btn{justify-content:center;width:100%;min-height:39px}.share-status{min-height:16px;color:var(--muted-strong);text-align:center;font-size:12px}.related-box{border:1px solid var(--border);background:var(--surface);border-radius:6px;gap:8px;margin-top:2px;padding:12px;display:grid}.related-list{gap:7px;display:grid}.related-list button,.related-list a{border:1px solid var(--border);background:var(--surface);min-height:39px;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.related-list button:hover,.related-list a:hover{border-color:var(--border-strong);background:var(--surface-soft)}.related-list small{color:var(--muted);font-size:11px}.seo-content{width:min(100%,1240px);margin:10px auto 0;padding:0 16px 42px}.seo-content-shell{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px;gap:0;padding:0;display:grid;overflow:hidden}.seo-copy{gap:5px;max-width:760px;padding:16px 22px 13px;display:grid}.seo-copy h2{color:var(--muted-strong);font-size:clamp(16px,1.8vw,20px);font-weight:600;line-height:1.22}.seo-copy p,.seo-card p,.seo-card li{color:var(--muted);font-size:13px;line-height:1.55}.geo-answer{background:0 0;border-left:0;padding:0;font-weight:400;color:var(--muted)!important}.seo-disclosure{border-top:1px solid var(--border)}.seo-disclosure>summary{cursor:pointer;min-height:46px;color:var(--muted-strong);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 22px;font-size:13px;font-weight:600;list-style:none;display:grid}.seo-disclosure>summary::-webkit-details-marker{display:none}.seo-disclosure>summary:after{content:"+";border:1px solid var(--border);width:22px;height:22px;color:var(--muted);border-radius:999px;flex:none;justify-self:end;place-items:center;font-size:15px;font-weight:500;display:grid}.seo-disclosure[open]>summary:after{content:"-"}.seo-disclosure>summary small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.seo-grid{grid-template-columns:1fr;gap:0;max-width:760px;padding:0 22px 8px;display:grid}.seo-card{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;align-content:start;gap:12px;padding:18px 0;display:grid}.seo-card h3{margin:0;font-size:16px;line-height:1.2}.seo-card ul,.seo-card ol{gap:8px;margin:0;padding-left:18px;display:grid}.seo-card--wide{grid-column:auto}.related-tools{background:var(--surface)}.related-tool-list{grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding-left:0!important}.related-tool-list li{min-width:0}.related-tool-list a{color:var(--text);font-size:14px;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex}.related-tool-list a:hover{text-underline-offset:3px;text-decoration:underline}.related-tool-list span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.4;display:block}.faq-list{gap:8px;display:grid}.faq-list details{border:1px solid var(--border);background:var(--surface);border-radius:6px}.faq-list summary{cursor:pointer;color:var(--text);padding:11px 12px;font-size:14px;font-weight:500;line-height:1.35}.faq-list p{padding:0 12px 12px}.qr-preview{place-items:center;gap:10px;min-height:260px;display:grid}.qr-preview svg{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:min(240px,100%);height:auto}.qr-preview span{color:var(--muted);font-family:var(--sans);font-size:12px}.qr-reader-output{align-content:start;gap:14px}.app--tool .tool-panel--upload .qr-reader-output--camera{background:0 0;border:0;min-height:0;padding:0}.result:has(.qr-reader-output--camera) .result-head{display:none}.qr-reader-preview{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;place-items:center;min-height:180px;padding:12px;display:grid;overflow:hidden}.qr-reader-preview img{object-fit:contain;width:auto;max-width:100%;max-height:280px}.qr-reader-content{justify-items:start;gap:8px;display:grid}.qr-reader-content>span{color:var(--muted-strong);font-size:12px;font-weight:600}.qr-reader-content pre{border:1px solid var(--border);background:var(--surface);width:100%;max-height:220px;color:var(--text);font:13px/1.55 var(--mono);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:6px;margin:0;padding:12px;overflow:auto}.qr-reader-content .btn{max-width:100%}.qr-reader-method-field,.qr-reader-camera-panel,.qr-reader-upload-panel{gap:12px;display:grid}.qr-reader-method-field{gap:8px}.qr-reader-method-field .field-label{color:var(--text);font-size:13px;font-weight:650}.qr-reader-method{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.qr-reader-method-button{min-width:0;min-height:42px;color:var(--muted-strong);font:650 13px/1 var(--sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.qr-reader-method-button:hover{color:var(--text)}.qr-reader-method-button.is-active{border-color:color-mix(in srgb, var(--border) 78%, var(--primary-border));background:var(--surface);color:var(--text);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 8%, transparent)}.qr-reader-method-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.qr-reader-camera-panel,.qr-reader-upload-panel{align-content:start}.qr-camera-preview{aspect-ratio:4/3;border:1px solid color-mix(in srgb, var(--border) 80%, var(--primary-border));background:color-mix(in srgb, var(--surface-soft) 92%, var(--primary-soft));border-radius:8px;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.qr-camera-preview video{object-fit:cover;background:#111514;width:100%;height:100%;position:absolute;inset:0}.qr-camera-placeholder{z-index:1;max-width:270px;color:var(--muted-strong);text-align:center;justify-items:center;gap:7px;padding:24px;display:grid;position:relative}.qr-camera-placeholder strong{color:var(--text);font-size:14px}.qr-camera-placeholder span:last-child{font-size:12px;line-height:1.55}.qr-icon{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.qr-icon svg{width:100%;height:100%}.qr-icon--placeholder{width:34px;height:34px;color:var(--primary)}.qr-camera-frame{z-index:2;aspect-ratio:1;border:2px solid color-mix(in srgb, var(--surface) 82%, transparent);pointer-events:none;border-radius:8px;width:min(54%,210px);position:absolute;box-shadow:0 0 0 999px #00000038}.qr-camera-preview:has(video[hidden]) .qr-camera-frame{opacity:.18;box-shadow:none}.qr-camera-status{border-left:3px solid color-mix(in srgb, var(--primary) 72%, var(--accent));background:color-mix(in srgb, var(--surface) 90%, var(--primary-soft));min-height:42px;color:var(--muted-strong);border-radius:6px;margin:0;padding:10px 11px;font-size:12px;line-height:1.6}.qr-camera-actions,.qr-reader-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.qr-camera-actions .btn,.qr-reader-result-actions .btn{justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;display:inline-flex}.qr-camera-actions .btn[hidden]{display:none}.qr-camera-actions:has(#stop-qr-camera[hidden]) #start-qr-camera{grid-column:1/-1}.qr-camera-privacy{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;gap:4px;padding:12px;font-size:11px;line-height:1.55;display:grid}.qr-camera-privacy strong{color:var(--muted-strong);font-size:12px}.qr-reader-upload-panel>.field{border:1px solid color-mix(in srgb, var(--border) 78%, var(--primary-border));background:color-mix(in srgb, var(--surface) 94%, var(--primary-soft));border-radius:8px;align-content:start;gap:10px;min-height:176px;padding:14px}.qr-reader-upload-panel input[type=file]{cursor:pointer;border-style:dashed;min-height:98px;padding:15px}.qr-reader-result-actions{width:100%;margin-top:2px}.decoded-result .muted{margin:0;font-size:11px;line-height:1.55}.tool-body--image-color-picker{grid-template-columns:minmax(360px,1.08fr) minmax(340px,.92fr)!important;align-items:start!important}.tool-body--image-color-picker .image-color-picker-form,.tool-body--image-color-picker .image-color-picker-result{min-height:0!important}.color-picker-upload-zone.is-dragging{border-color:var(--primary)!important;background:color-mix(in srgb, var(--surface) 82%, var(--primary-soft))!important}.color-picker-upload-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.color-picker-upload-actions>span{color:var(--muted);text-align:center;font-size:12px}.color-picker-icon{flex:none;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.color-picker-icon svg{width:100%;height:100%}.image-color-picker-source,.image-color-picker-section,.image-color-picker-export,.image-color-picker-accuracy{align-content:start;gap:10px;min-width:0;display:grid}.image-color-picker-source{padding-top:2px}.image-color-picker-section,.image-color-picker-export,.image-color-picker-accuracy{border-top:1px solid var(--border);padding-top:13px}.image-color-picker-section-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.image-color-picker-section-head strong,.image-color-picker-export>label{color:var(--text);font-size:13px;font-weight:650}.image-color-picker-section-head>span{color:var(--muted);font:12px/1.3 var(--mono)}.image-color-picker-canvas-shell{border:1px solid color-mix(in srgb, var(--border) 80%, var(--primary-border));background:linear-gradient(45deg, color-mix(in srgb, var(--surface-soft) 84%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--surface-soft) 84%, transparent) 75%), linear-gradient(45deg, color-mix(in srgb, var(--surface-soft) 84%, transparent) 25%, var(--surface) 25%, var(--surface) 75%, color-mix(in srgb, var(--surface-soft) 84%, transparent) 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:8px;place-items:center;min-width:0;min-height:360px;display:grid;position:relative;overflow:hidden}.image-color-picker-canvas-shell canvas{width:min(100%, calc(520px * var(--source-aspect,1)));object-fit:contain;cursor:crosshair;touch-action:manipulation;max-width:100%;height:auto;max-height:520px;display:block}.image-color-picker-canvas-shell canvas:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.image-color-picker-canvas-shell .empty-preview{min-height:360px;color:var(--muted);text-align:center;padding:24px}.image-color-picker-cursor{z-index:2;pointer-events:none;border:2px solid #fff;border-radius:50%;width:17px;height:17px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111,0 1px 5px #0006}.image-color-picker-result{gap:13px!important}.image-color-picker-result .result-head{align-items:flex-start}.image-color-picker-status{max-width:72%;color:var(--muted);text-align:end;font-size:11px;line-height:1.45}.image-color-picker-status.is-error{color:var(--danger)}.image-color-picker-current{grid-template-columns:minmax(0,1fr) 120px;gap:12px;display:grid}.image-color-picker-current-swatch,.sampling-magnifier{border:1px solid var(--border);background:linear-gradient(var(--picker-color,transparent), var(--picker-color,transparent)), conic-gradient(#e2e5e9 25%, #fff 0 50%, #e2e5e9 0 75%, #fff 0) 0 0 / 18px 18px;border-radius:8px;min-width:0;height:120px;overflow:hidden}.sampling-magnifier{background:var(--surface);width:120px;position:relative}.sampling-magnifier canvas{width:120px;height:120px;image-rendering:pixelated;display:block}.sampling-magnifier>span{pointer-events:none;border:2px solid #fff;width:12px;height:12px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #111}.image-color-picker-values{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;display:grid}.image-color-picker-value-row{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) minmax(104px,auto);align-items:center;gap:8px;min-width:0;min-height:50px;padding:7px 8px 7px 11px;display:grid}.image-color-picker-value-row:last-child{border-bottom:0}.image-color-picker-value-row>span{color:var(--muted);font-size:11px;font-weight:650}.image-color-picker-value-row bdi{overflow-wrap:anywhere;min-width:0;color:var(--text);font:12px/1.45 var(--mono)}.image-color-picker-value-row .btn{white-space:nowrap;justify-self:end;min-height:40px}.image-color-picker-section-head .btn.micro{min-height:40px}.image-color-picker-value-row .btn.is-copied{border-color:var(--primary-border);color:var(--primary)}.image-color-picker-palette-size{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.image-color-picker-palette-size select{width:auto;min-width:104px;min-height:36px;padding-block:7px;font-size:12px}.image-color-picker-swatches{grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:7px;min-width:0;display:grid}.image-color-picker-swatches>.muted{min-height:42px;color:var(--muted);align-items:center;font-size:12px;display:flex}.image-color-picker-swatch{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:42px;color:var(--text);cursor:pointer;border-radius:6px;grid-template-columns:26px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:5px 7px;display:grid}.image-color-picker-swatch:hover{border-color:var(--border-strong);background:var(--surface-soft)}.image-color-picker-swatch>span:first-child{border:1px solid color-mix(in srgb, var(--border) 72%, transparent);background:linear-gradient(var(--picker-color), var(--picker-color)), conic-gradient(#d9dde2 25%, #fff 0 50%, #d9dde2 0 75%, #fff 0) 0 0 / 8px 8px;border-radius:5px;width:26px;height:26px}.image-color-picker-swatch bdi{min-width:0;font:11px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-color-picker-export{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}.image-color-picker-export>label{grid-column:1/-1}.image-color-picker-export .btn{width:100%}.image-color-picker-accuracy{gap:5px}.image-color-picker-accuracy p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.tool-body--blur-image{grid-template-columns:minmax(430px,1.2fr) minmax(330px,.8fr)!important;align-items:start!important}.tool-body--blur-image .blur-image-workspace,.tool-body--blur-image .blur-image-controls{min-height:0!important}.blur-image-upload{border:1px solid color-mix(in srgb, var(--border) 78%, var(--primary-border));background:color-mix(in srgb, var(--surface) 95%, var(--primary-soft));border-radius:8px;gap:10px;padding:14px}.blur-image-upload.is-dragging{border-color:var(--primary);background:color-mix(in srgb, var(--surface) 82%, var(--primary-soft))}.app--tool .tool-body--blur-image .blur-image-upload input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;background:0 0;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute;overflow:hidden}.blur-image-upload-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;display:grid}.app--tool #blur-file-label.blur-image-file-trigger{width:100%;color:var(--surface);cursor:pointer}.blur-image-upload input[type=file]:focus-visible+.blur-image-upload-actions .blur-image-file-trigger{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.blur-icon{flex:none;justify-content:center;align-items:center;width:17px;height:17px;display:inline-flex}.blur-icon svg{width:100%;height:100%}.blur-image-editor,.blur-control-section,.blur-safety-details{min-width:0}.blur-image-editor{gap:10px;display:grid}.blur-section-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.blur-section-head strong,.blur-control-section>strong{color:var(--text);font-size:13px;font-weight:650}.blur-section-head>span{color:var(--muted);font:11px/1.35 var(--mono);text-align:end}.blur-image-canvas-shell{border:1px solid color-mix(in srgb, var(--border) 76%, var(--primary-border));background:linear-gradient(45deg, color-mix(in srgb, var(--surface-soft) 84%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--surface-soft) 84%, transparent) 75%), linear-gradient(45deg, color-mix(in srgb, var(--surface-soft) 84%, transparent) 25%, var(--surface) 25%, var(--surface) 75%, color-mix(in srgb, var(--surface-soft) 84%, transparent) 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:8px;place-items:center;min-width:0;min-height:430px;display:grid;position:relative;overflow:hidden}.blur-image-canvas-shell canvas{width:min(100%, calc(650px * var(--blur-aspect,1)));cursor:crosshair;touch-action:none;max-width:100%;height:auto;max-height:620px;display:block}.blur-image-canvas-shell canvas:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.blur-image-canvas-shell .empty-preview{min-height:430px;color:var(--muted);text-align:center;padding:24px}.blur-image-controls{gap:0!important}.blur-image-controls .result-head{align-items:flex-start;min-height:46px;padding-bottom:12px}.blur-image-status{max-width:68%;color:var(--muted);text-align:end;font-size:11px;line-height:1.45}.blur-image-status.is-error{color:var(--danger)}.blur-control-section{border-top:1px solid var(--border);gap:11px;padding:14px 0;display:grid}.segmented-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:4px;min-width:0;padding:4px;display:grid}.segmented-control--two{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control--three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-option{cursor:pointer;min-width:0;position:relative}.segmented-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.segmented-option span{min-width:0;min-height:38px;color:var(--muted-strong);text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;font-weight:550;line-height:1.25;display:flex}.segmented-option:hover span{color:var(--text)}.segmented-option input:checked+span{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.segmented-option input:focus-visible+span{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.blur-slider-field>span{justify-content:space-between;align-items:center;display:flex}.blur-slider-field output{min-width:34px;color:var(--text);font:12px/1.2 var(--mono);text-align:end}.blur-slider-field input[type=range]{min-height:32px}.blur-color-field{grid-template-columns:minmax(0,1fr) auto;align-items:center}.blur-color-field input[type=color]{width:64px;height:42px}.blur-safety-note{border-left:3px solid var(--amber);background:var(--amber-soft);color:var(--muted-strong);border-radius:4px;margin:0;padding:9px 10px;font-size:11px;line-height:1.5}.blur-history-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.blur-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;display:grid}.blur-export-actions{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr) 42px;gap:7px;display:grid}.blur-export-actions .btn{width:100%}.blur-export-actions .icon-button{width:42px;padding:0}.blur-safety-details{border-top:1px solid var(--border);margin-top:12px}.blur-safety-details summary{min-height:42px;color:var(--muted-strong);cursor:pointer;align-items:center;font-size:12px;font-weight:600;display:flex}.blur-safety-details p{color:var(--muted);margin:0 0 7px;font-size:11px;line-height:1.5}.tool-body--image-splitter{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:0!important}.image-splitter-workspace{grid-template-columns:minmax(330px,.82fr) minmax(430px,1.18fr);align-items:start;gap:18px;min-width:0;display:grid}.image-splitter-controls,.image-splitter-preview,.image-splitter-result{align-content:start;min-width:0;display:grid}.image-splitter-controls{border-inline-end:1px solid var(--border);gap:13px;padding-inline-end:18px}.image-splitter-preview{gap:12px}.image-splitter-controls .result-head,.image-splitter-preview .result-head,.image-splitter-result .result-head{align-items:flex-start;min-height:44px}.image-splitter-controls .result-head>div,.image-splitter-preview .result-head>div,.image-splitter-result .result-head>div{gap:2px;min-width:0;display:grid}.image-splitter-result .result-head>div>span:last-child{color:var(--muted);font-size:11px;line-height:1.35}.image-splitter-dropzone{border:1px dashed color-mix(in srgb, var(--border) 70%, var(--primary-border));background:color-mix(in srgb, var(--surface) 95%, var(--primary-soft));border-radius:8px;gap:11px;min-width:0;padding:14px;transition:border-color .15s,background-color .15s;display:grid;position:relative}.image-splitter-dropzone.is-dragging{border-color:var(--primary);background:color-mix(in srgb, var(--surface) 82%, var(--primary-soft))}.app--tool .image-splitter-dropzone input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute;overflow:hidden}.image-splitter-upload-copy{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 9px;min-width:0;display:grid}.image-splitter-upload-copy>span{width:24px;height:24px;color:var(--primary);grid-row:1/span 2;place-items:center;display:grid}.image-splitter-upload-copy strong{min-width:0;color:var(--text);font-size:13px;line-height:1.35}.image-splitter-upload-copy small,.image-splitter-file-name{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:11px;line-height:1.45}.image-splitter-upload-actions,.image-splitter-axis-grid,.image-splitter-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.image-splitter-upload-actions .btn,.image-splitter-upload-actions label{cursor:pointer;width:100%}.image-splitter-dropzone input[type=file]:focus-visible~.image-splitter-upload-actions label{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.image-splitter-fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.image-splitter-fieldset legend,.image-splitter-layout-fields label>span,.image-splitter-axis-grid label>span,.image-splitter-output-grid label>span,.image-splitter-quality-field>span,.image-splitter-social-ratio label>span,.image-splitter-layout-fields>label>span{color:var(--muted-strong);margin-bottom:6px;font-size:11px;font-weight:650;line-height:1.3;display:block}.image-splitter-layout-options .segmented-option span,.image-splitter-preview-modes .segmented-option span{min-height:42px}.image-splitter-layout-fields{gap:9px;min-width:0;display:grid}.image-splitter-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;display:grid}.image-splitter-presets .btn{white-space:normal;width:100%;min-height:40px}.image-splitter-quality-field{gap:4px;min-width:0;display:grid}.image-splitter-quality-field>span{justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;display:flex}.image-splitter-quality-field output{color:var(--text);font:12px/1.2 var(--mono)}.image-splitter-quality-field small,.image-splitter-social-ratio p,.image-splitter-preview-facts,.image-splitter-status{color:var(--muted);font-size:11px;line-height:1.5}.image-splitter-quality-field.is-inactive{opacity:.58}.image-splitter-controls>.btn.primary{width:100%;min-height:46px}.image-splitter-preview-head{gap:12px}.image-splitter-preview-modes{flex:none;width:min(290px,52%)}.image-splitter-social-ratio{grid-template-columns:minmax(150px,.38fr) minmax(0,.62fr);align-items:end;gap:12px;min-width:0;display:grid}.image-splitter-social-ratio p{margin:0 0 2px}.image-splitter-preview-frame{border:1px solid color-mix(in srgb, var(--border) 76%, var(--primary-border));background:var(--surface-soft);border-radius:8px;place-items:center;min-width:0;min-height:430px;display:grid;position:relative;overflow:hidden}.image-splitter-preview-frame canvas{max-width:100%;max-height:610px;display:block}.image-splitter-empty-preview,.image-splitter-empty-result{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.image-splitter-empty-preview p,.image-splitter-empty-result p{margin:0;font-size:12px;line-height:1.5}.image-splitter-social-frame{place-items:start;padding:14px;overflow:auto}.image-splitter-social-grid{grid-template-columns:repeat(var(--image-splitter-columns,3), 144px);align-items:start;gap:5px;min-width:max-content;display:grid}.image-splitter-social-tile{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:144px;margin:0;position:relative;overflow:hidden}.image-splitter-social-tile canvas{width:144px;height:auto}.image-splitter-social-tile figcaption,.image-splitter-result-image>span{color:#fff;min-width:25px;min-height:25px;font:700 11px/1 var(--mono);background:#0a0e14c7;border:1px solid #ffffff40;border-radius:5px;place-items:center;display:grid;position:absolute;inset:6px 6px auto auto}.image-splitter-preview-facts{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px 10px;min-width:0;display:grid}.image-splitter-preview-facts strong{color:var(--text);font:12px/1.35 var(--mono)}.image-splitter-preview-facts span:last-child{text-align:end}.image-splitter-result{border-top:1px solid var(--border);gap:12px;margin-top:18px;padding-top:18px}.image-splitter-result-facts{flex-wrap:wrap;gap:8px;display:flex}.image-splitter-result-facts>span{border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;gap:2px;min-width:120px;padding:9px 11px;display:grid}.image-splitter-result-facts small{color:var(--muted);font-size:10px}.image-splitter-result-facts strong{color:var(--text);font:12px/1.35 var(--mono)}.image-splitter-result-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;min-width:0;display:grid}.image-splitter-result-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:start;gap:8px;min-width:0;margin:0;padding:8px;display:grid}.image-splitter-result-image{aspect-ratio:1;background:var(--surface-soft);border-radius:5px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.image-splitter-result-image img{object-fit:contain;width:100%;height:100%;display:block}.image-splitter-result-card figcaption{gap:2px;min-width:0;display:grid}.image-splitter-result-card figcaption strong{overflow-wrap:anywhere;color:var(--text);font-size:11px}.image-splitter-result-card figcaption small{color:var(--muted);font:10px/1.3 var(--mono)}.image-splitter-result-card .btn{white-space:normal;width:100%;min-height:40px}.image-splitter-status{min-height:18px;margin:0}.image-splitter-status.is-error{color:var(--danger)}[dir=rtl] .image-splitter-preview-facts span:last-child{text-align:start}.tool-body--gif-maker{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:0!important}.gif-maker-workspace{grid-template-columns:minmax(350px,.88fr) minmax(430px,1.12fr);align-items:start;gap:18px;min-width:0;display:grid}.gif-maker-controls,.gif-maker-preview{align-content:start;gap:13px;min-width:0;display:grid}.gif-maker-controls{border-inline-end:1px solid var(--border);padding-inline-end:18px}.gif-maker-controls .result-head,.gif-maker-preview .result-head{align-items:flex-start;min-height:44px}.gif-maker-controls .result-head>div,.gif-maker-preview .result-head>div,.gif-maker-result-head>div{gap:2px;min-width:0;display:grid}.gif-maker-mode-fieldset{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.gif-maker-mode-fieldset legend,.gif-maker-settings label>span,.gif-maker-video-controls label>span,.gif-maker-delay>span{color:var(--muted-strong);margin-bottom:6px;font-size:11px;font-weight:650;line-height:1.3;display:block}.gif-maker-source-panel{gap:9px;min-width:0;display:grid}.gif-maker-dropzone{border:1px dashed color-mix(in srgb, var(--border) 70%, var(--primary-border));background:color-mix(in srgb, var(--surface) 95%, var(--primary-soft));border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:3px 10px;min-width:0;padding:14px;transition:border-color .15s,background-color .15s;display:grid;position:relative}.gif-maker-dropzone.is-dragging{border-color:var(--primary);background:color-mix(in srgb, var(--surface) 82%, var(--primary-soft))}.app--tool .gif-maker-dropzone input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute;overflow:hidden}.gif-maker-dropzone>[data-gif-maker-icon]{width:28px;height:28px;color:var(--primary);grid-row:1/span 2;place-items:center;display:grid}.gif-maker-dropzone>strong,.gif-maker-dropzone>small{overflow-wrap:anywhere;min-width:0}.gif-maker-dropzone>strong{color:var(--text);font-size:13px;line-height:1.35}.gif-maker-dropzone>small,.gif-maker-file-name,.gif-maker-list-empty,.gif-maker-preview-note,.gif-maker-status{color:var(--muted);font-size:11px;line-height:1.5}.gif-maker-dropzone>label{cursor:pointer;grid-area:1/3/span 2;min-height:40px}.gif-maker-dropzone input[type=file]:focus-visible~label{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.gif-maker-file-name{border-top:1px solid var(--border);grid-column:1/-1;padding-top:7px}.gif-maker-list-empty{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:7px;place-items:center;min-height:54px;padding:10px 12px;display:grid}.gif-maker-frame-list{gap:7px;min-width:0;max-height:410px;padding:1px;display:grid;overflow:auto}.gif-maker-frame{border:1px solid var(--border);background:var(--surface);border-radius:7px;grid-template-columns:54px minmax(62px,1fr) minmax(82px,.72fr) auto;align-items:center;gap:8px;min-width:0;padding:7px;display:grid}.gif-maker-frame>img{object-fit:cover;background:var(--surface-soft);border-radius:5px;width:54px;height:54px;display:block}.gif-maker-frame-copy{gap:3px;min-width:0;display:grid}.gif-maker-frame-copy strong{overflow-wrap:anywhere;color:var(--text);font-size:11px}.gif-maker-frame-copy span{color:var(--muted);font:10px/1.3 var(--mono)}.gif-maker-delay{min-width:0}.gif-maker-delay>span{margin-bottom:3px;font-size:10px}.gif-maker-frame-actions{grid-template-columns:repeat(3,34px);gap:3px;display:grid}.gif-maker-frame-actions .icon-button{width:34px;min-width:34px;height:34px;min-height:34px;padding:0}.gif-maker-source-facts,.gif-maker-result-facts{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.gif-maker-source-facts>span,.gif-maker-result-facts>span{border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;gap:2px;min-width:110px;padding:8px 10px;display:grid}.gif-maker-source-facts small,.gif-maker-result-facts small{color:var(--muted);font-size:10px}.gif-maker-source-facts strong,.gif-maker-result-facts strong{color:var(--text);font:12px/1.35 var(--mono)}.gif-maker-video-controls,.gif-maker-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.gif-maker-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-maker-video-controls label,.gif-maker-settings label{min-width:0}.gif-maker-video-controls small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4;display:block}.gif-maker-video-controls.is-inactive{opacity:.52}.gif-maker-settings input[type=color]{width:100%;min-height:42px;padding:4px}.gif-maker-controls>.btn.primary{width:100%;min-height:46px}.gif-maker-source-preview,.gif-maker-result-preview{border:1px solid color-mix(in srgb, var(--border) 76%, var(--primary-border));background:var(--surface-soft);border-radius:8px;place-items:center;min-width:0;min-height:270px;display:grid;position:relative;overflow:hidden}.gif-maker-result-preview{min-height:330px}.gif-maker-source-preview img,.gif-maker-source-preview video,.gif-maker-result-preview img{object-fit:contain;max-width:100%;max-height:520px;display:block}.gif-maker-source-preview video{background:#000;width:100%}.gif-maker-preview-empty{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.gif-maker-preview-empty p{max-width:280px;margin:0;font-size:12px;line-height:1.5}.gif-maker-preview-note,.gif-maker-status{min-height:18px;margin:0}.gif-maker-result-head{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:44px;margin-top:4px;padding-top:14px;display:flex}.gif-maker-result-head .btn.is-disabled{pointer-events:none;opacity:.5}.gif-maker-status.is-error{color:var(--danger)}@media (width<=920px){.gif-maker-workspace{grid-template-columns:minmax(0,1fr)}.gif-maker-controls{padding-inline-end:0;border-inline-end:0;border-bottom:1px solid var(--border);padding-bottom:18px}.gif-maker-source-preview,.gif-maker-result-preview{min-height:250px}}@media (width<=560px){.gif-maker-dropzone{grid-template-columns:28px minmax(0,1fr)}.gif-maker-dropzone>label{grid-area:auto/1/auto/-1;width:100%}.gif-maker-frame{grid-template-columns:48px minmax(0,1fr) minmax(82px,.7fr)}.gif-maker-frame>img{width:48px;height:48px}.gif-maker-frame-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.gif-maker-frame-actions .icon-button{width:100%}.gif-maker-video-controls{grid-template-columns:minmax(0,1fr)}.gif-maker-result-head{flex-direction:column;align-items:stretch}.gif-maker-result-head .btn{width:100%}}.image-preview,.file-preview{min-height:180px;font-family:var(--sans);align-content:start;gap:12px;display:grid}.empty-preview{min-height:100%;color:var(--muted-strong);font-family:var(--sans);text-align:center;align-content:center;place-items:center;gap:12px;padding:22px;font-size:14px;line-height:1.45;display:grid}.empty-preview:before{content:"";border:1px solid var(--border-strong);background:linear-gradient(135deg, transparent 0 58%, var(--surface-soft) 59% 100%) top right / 16px 16px no-repeat, var(--surface);width:38px;height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 80%, var(--border));border-radius:6px;display:block}.image-preview img,.preview-strip img{object-fit:contain;border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;max-height:330px}.stat-grid{border:1px solid var(--border);background:var(--surface-soft);width:100%;font-family:var(--sans);border-radius:6px;grid-template-columns:auto 1fr;gap:9px 14px;padding:13px;display:grid}.stat-grid span{color:var(--muted);font-size:12px}.stat-grid strong{text-align:right;min-width:0;font-size:13px}.ocr-output{white-space:normal;align-content:start;gap:12px;display:grid}.favicon-output,.metadata-output{white-space:normal;align-content:start;gap:14px;display:grid}.metadata-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.metadata-actions #download-clean-image{grid-column:1/-1}.metadata-privacy-note,.metadata-safe-note{border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--muted-strong);margin:0;padding:11px 12px;font-size:12px;line-height:1.55}.metadata-safe-note{border-left-color:var(--primary);background:var(--primary-soft)}.metadata-details{border-top:1px solid var(--border);min-width:0}.metadata-details>summary{cursor:pointer;min-height:42px;color:var(--muted-strong);align-items:center;font-size:13px;font-weight:600;display:flex}.metadata-list{border-top:1px solid var(--border);max-height:330px;margin:0;overflow:auto}.metadata-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:14px;min-width:0;padding:9px 2px;display:grid}.metadata-row dt,.metadata-row dd{overflow-wrap:anywhere;min-width:0;font:12px/1.45 var(--mono);margin:0}.metadata-row dt{color:var(--muted)}.metadata-row--sensitive dt{color:var(--danger)}.favicon-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.favicon-preview-grid figure{border:1px solid var(--border);background:linear-gradient(45deg, var(--surface-soft) 25%, transparent 25%) 0 0 / 12px 12px, linear-gradient(45deg, transparent 75%, var(--surface-soft) 75%) 0 0 / 12px 12px, linear-gradient(45deg, transparent 75%, var(--surface-soft) 75%) 6px -6px / 12px 12px, linear-gradient(45deg, var(--surface-soft) 25%, var(--surface) 25%) 6px 6px / 12px 12px;border-radius:6px;place-items:center;gap:8px;min-width:0;margin:0;padding:12px 8px 9px;display:grid}.favicon-preview-grid img{aspect-ratio:1;object-fit:contain;image-rendering:auto;width:min(100%,88px)}.favicon-preview-grid figcaption{background:var(--surface);color:var(--muted-strong);font:11px/1.2 var(--mono);border-radius:4px;padding:2px 5px}.ocr-result-text{background:var(--surface);min-height:240px}.word-summary{border:1px solid var(--border);background:var(--surface);min-width:0;font-family:var(--sans);border-radius:6px;overflow:hidden}.word-primary-result{border-bottom:1px solid var(--primary-border);background:var(--primary-soft);justify-content:space-between;align-items:baseline;gap:16px;min-height:82px;padding:16px;display:flex}.word-primary-result span{color:var(--muted-strong);font-size:13px;font-weight:500}.word-primary-result strong{min-width:0;color:var(--text);overflow-wrap:anywhere;text-align:right;font-size:34px;line-height:1}.word-metric-grid{background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.word-metric{background:var(--surface-soft);align-content:space-between;gap:7px;min-width:0;min-height:70px;padding:11px 12px;display:grid}.word-metric span,.word-analysis-list span{color:var(--muted);font-size:11px;line-height:1.3}.word-metric strong,.word-analysis-list strong{min-width:0;color:var(--text);overflow-wrap:anywhere;font-size:13px}.word-analysis-list{display:grid}.word-analysis-list>div{border-top:1px solid var(--border);grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);align-items:baseline;gap:14px;min-width:0;padding:11px 12px;display:grid}.word-analysis-list strong{text-align:right}@media (width<=780px){.word-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.word-primary-result strong{font-size:30px}.word-analysis-list>div{grid-template-columns:1fr;gap:5px}.word-analysis-list strong{text-align:left}}.character-limit-card{border:1px solid var(--success-border);background:var(--success-soft);font-family:var(--sans);border-radius:6px;gap:9px;padding:13px;display:grid}.character-limit-card[data-state=near]{border-color:var(--amber-border);background:var(--amber-soft)}.character-limit-card[data-state=over]{border-color:color-mix(in srgb, var(--danger) 50%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.character-limit-head{justify-content:space-between;align-items:baseline;gap:12px;min-width:0;display:flex}.character-limit-head span,.character-limit-card p{color:var(--muted-strong);font-size:12px}.character-limit-head strong{color:var(--text);text-align:right;font-size:14px}.character-limit-card progress{width:100%;height:8px;accent-color:var(--success)}.character-limit-card[data-state=near] progress{accent-color:var(--amber)}.character-limit-card[data-state=over] progress{accent-color:var(--danger)}.character-limit-card p{margin:0}.percentage-answer-card{border:1px solid var(--primary-border);background:var(--primary-soft);min-width:0;min-height:76px;font-family:var(--sans);border-radius:6px;justify-content:space-between;align-items:baseline;gap:16px;padding:14px;display:flex}.percentage-answer-card span{color:var(--muted-strong);font-size:12px;font-weight:500}.percentage-answer-card strong{min-width:0;color:var(--text);overflow-wrap:anywhere;text-align:right;font-size:28px;line-height:1}.percentage-formula{min-width:0;color:var(--muted);justify-content:space-between;align-items:baseline;gap:14px;margin:0;font-size:12px;display:flex}.percentage-formula code{min-width:0;color:var(--muted-strong);font-family:var(--mono);overflow-wrap:anywhere;text-align:right}.percentage-error-output:not([hidden]){border-color:color-mix(in srgb, var(--danger) 50%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface));min-height:76px;color:var(--danger);font-family:var(--sans);align-items:center;font-weight:600;display:flex}.tool-body--decimal-to-fraction{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.decimal-fraction-workspace{background:var(--surface);grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr);min-width:0;display:grid}.decimal-fraction-controls,.decimal-fraction-output{align-content:start;gap:16px;min-width:0;padding:24px;display:grid}.decimal-fraction-controls{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-tint))}.decimal-fraction-mode-fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.decimal-fraction-mode-fieldset legend,.decimal-fraction-input-field>span,.decimal-fraction-precision-field>span{color:var(--muted-strong);margin-bottom:7px;font-size:12px;font-weight:600}.decimal-fraction-modes .segmented-option span{min-height:44px;padding:7px 9px}.decimal-fraction-input-row{grid-template-columns:minmax(0,1fr) 116px;align-items:start;gap:12px;min-width:0;display:grid}.decimal-fraction-input-field input,.decimal-fraction-precision-field select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:48px;color:var(--text);border-radius:6px;padding:0 13px}.decimal-fraction-input-field input{font-family:var(--mono);font-size:17px}.decimal-fraction-input-field .field-note{min-height:34px;color:var(--muted);font-size:11px;line-height:1.45}.decimal-fraction-convert{width:100%;min-height:46px}.decimal-fraction-status,.decimal-fraction-privacy{min-height:18px;color:var(--muted);font-size:12px;line-height:1.45}.decimal-fraction-status.is-error{color:var(--danger);font-weight:600}.decimal-fraction-privacy{border-top:1px solid var(--border);padding-top:12px}.decimal-fraction-output{min-height:410px}.decimal-fraction-result-head strong{margin-top:5px;font-size:15px;line-height:1.2;display:block}.decimal-fraction-empty{border:1px dashed var(--border-strong);background:var(--surface-soft);min-height:300px;color:var(--muted);text-align:center;border-radius:6px;place-items:center;padding:24px;font-size:13px;display:grid}.decimal-fraction-result{gap:14px;min-width:0;display:grid}.decimal-fraction-answer{border:1px solid var(--primary-border);background:var(--primary-soft);border-radius:6px;align-content:center;gap:9px;min-width:0;min-height:112px;padding:18px;display:grid}.decimal-fraction-answer span{color:var(--muted-strong);font-size:12px;font-weight:600}.decimal-fraction-answer strong{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;font-size:32px;font-weight:650;line-height:1.05}.decimal-fraction-answer strong.is-long{font-size:20px;line-height:1.35}.decimal-fraction-facts{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0;display:grid;overflow:hidden}.decimal-fraction-facts>div{border-bottom:1px solid var(--border);gap:6px;min-width:0;padding:12px;display:grid}.decimal-fraction-facts>div:nth-child(odd){border-inline-end:1px solid var(--border)}.decimal-fraction-facts>div:nth-last-child(-n+2){border-bottom:0}.decimal-fraction-facts dt{color:var(--muted);font-size:11px}.decimal-fraction-facts dd{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.35}.decimal-fraction-method{border-top:1px solid var(--border);gap:7px;min-width:0;padding-top:13px;display:grid}.decimal-fraction-method span{color:var(--muted);font-size:11px;font-weight:600}.decimal-fraction-method code{min-width:0;color:var(--muted-strong);font-family:var(--mono);overflow-wrap:anywhere;font-size:12px;line-height:1.5}html[dir=rtl] .decimal-fraction-input-field input,html[dir=rtl] .decimal-fraction-answer strong,html[dir=rtl] .decimal-fraction-facts dd,html[dir=rtl] .decimal-fraction-method code{text-align:start;direction:ltr}@media (width<=760px){.decimal-fraction-workspace{grid-template-columns:minmax(0,1fr)}.decimal-fraction-controls{border-inline-end:0;border-bottom:1px solid var(--border)}.decimal-fraction-output{min-height:0}.decimal-fraction-empty{min-height:180px}}@media (width<=520px){.decimal-fraction-controls,.decimal-fraction-output{padding:16px}.decimal-fraction-input-row,.decimal-fraction-facts{grid-template-columns:minmax(0,1fr)}.decimal-fraction-facts>div,.decimal-fraction-facts>div:nth-child(odd),.decimal-fraction-facts>div:nth-last-child(-n+2){border-inline-end:0;border-bottom:1px solid var(--border)}.decimal-fraction-facts>div:last-child{border-bottom:0}.decimal-fraction-answer strong{font-size:28px}}.tool-body--fraction-calculator{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.fraction-calculator-workspace{background:var(--surface);grid-template-columns:minmax(340px,.82fr) minmax(340px,1.18fr);min-width:0;display:grid}.fraction-calculator-controls,.fraction-calculator-output{align-content:start;gap:16px;min-width:0;padding:24px;display:grid}.fraction-calculator-controls{border-inline-end:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-tint))}.fraction-calculator-operand,.fraction-calculator-operation-fieldset{border:0;gap:9px;min-width:0;margin:0;padding:0;display:grid}.fraction-calculator-operation-fieldset{border-block:1px solid var(--border);padding-block:16px}.fraction-calculator-operand legend,.fraction-calculator-operation-fieldset legend{color:var(--muted-strong);font-size:12px;font-weight:650}.fraction-calculator-operand-grid{grid-template-columns:88px repeat(3,minmax(0,1fr));align-items:end;gap:9px;min-width:0;display:grid}.fraction-calculator-operand-grid .field{gap:6px;min-width:0}.fraction-calculator-operand-grid .field>span,.fraction-calculator-sign-field>span{min-height:30px;color:var(--muted);overflow-wrap:anywhere;align-items:end;font-size:10px;font-weight:600;line-height:1.25;display:flex}.fraction-calculator-sign-field{border:0;min-width:0;margin:0;padding:0}.fraction-calculator-signs{grid-template-columns:repeat(2,minmax(0,1fr))}.fraction-calculator-signs .segmented-option span{min-height:48px;font-family:var(--mono);padding:0;font-size:17px}.fraction-calculator-operand-grid input,.fraction-calculator-operand-grid select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:48px;color:var(--text);font-family:var(--mono);border-radius:6px;padding:0 10px;font-size:16px}.fraction-calculator-operand-grid input[aria-invalid=true],.fraction-calculator-operand-grid select[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 16%, transparent)}.fraction-calculator-input-note{min-height:17px;color:var(--muted);margin:-2px 0 0;font-size:11px;line-height:1.45}.fraction-calculator-field-error:not([hidden]){color:var(--danger);font-size:11px;font-weight:600;line-height:1.35;display:block}.fraction-calculator-group-error:not([hidden]){margin-top:2px}.fraction-calculator-operand[aria-invalid=true]{border-inline-start:3px solid var(--danger);padding-inline-start:9px}.fraction-calculator-operations{direction:ltr;grid-template-columns:repeat(4,minmax(0,1fr))}.fraction-calculator-operations .segmented-option span{justify-content:center;align-items:center;gap:5px;min-height:48px;padding:6px;font-size:11px;display:inline-flex}.fraction-calculator-operations .segmented-option b{font-family:var(--mono);font-size:16px;font-weight:600}.fraction-calculator-operations .segmented-option em{overflow-wrap:anywhere;min-width:0;font-style:normal}.fraction-calculator-secondary-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.fraction-calculator-secondary-actions .btn{min-width:0;min-height:40px}.fraction-calculator-calculate{width:100%;min-height:46px}.button-icon{flex:0 0 16px;place-items:center;width:16px;height:16px;display:inline-grid}.button-icon svg{display:block}.fraction-calculator-status,.fraction-calculator-privacy{min-height:18px;color:var(--muted);font-size:12px;line-height:1.45}.fraction-calculator-status.is-error{color:var(--danger);font-weight:600}.fraction-calculator-privacy{border-top:1px solid var(--border);padding-top:12px}.fraction-calculator-output{min-height:458px}.fraction-calculator-result-head strong{margin-top:5px;font-size:15px;line-height:1.2;display:block}.fraction-calculator-empty{border:1px dashed var(--border-strong);background:var(--surface-soft);min-height:340px;color:var(--muted);text-align:center;border-radius:6px;place-items:center;padding:24px;font-size:13px;line-height:1.5;display:grid}.fraction-calculator-result{gap:14px;min-width:0;display:grid}.fraction-calculator-answer{border:1px solid var(--primary-border);background:var(--primary-soft);border-radius:6px;align-content:center;gap:9px;min-width:0;min-height:112px;padding:18px;display:grid}.fraction-calculator-answer span{color:var(--muted-strong);font-size:12px;font-weight:600}.fraction-calculator-answer strong{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;font-size:32px;font-weight:650;line-height:1.08}.fraction-calculator-answer strong.is-long{font-size:20px;line-height:1.35}.fraction-calculator-answer strong.is-very-long{font-size:16px;line-height:1.5}.fraction-calculator-facts{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;margin:0;display:grid;overflow:hidden}.fraction-calculator-facts>div{border-inline-end:1px solid var(--border);gap:6px;min-width:0;padding:12px;display:grid}.fraction-calculator-facts>div:last-child{border-inline-end:0}.fraction-calculator-facts dt,.fraction-calculator-method>span{color:var(--muted);font-size:11px}.fraction-calculator-facts dd{min-width:0;color:var(--text);font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.35}.fraction-calculator-method{border-top:1px solid var(--border);gap:9px;min-width:0;padding-top:13px;display:grid}.fraction-calculator-method>span{font-weight:600}.fraction-calculator-method ol{min-width:0;color:var(--muted-strong);gap:8px;margin:0;padding-inline-start:22px;display:grid}.fraction-calculator-method code{min-width:0;font-family:var(--mono);overflow-wrap:anywhere;font-size:12px;line-height:1.5}html[dir=rtl] .fraction-calculator-operand-grid input,html[dir=rtl] .fraction-calculator-answer strong,html[dir=rtl] .fraction-calculator-facts dd,html[dir=rtl] .fraction-calculator-method code{text-align:left;direction:ltr}html[dir=rtl] .fraction-calculator-operand-grid{direction:ltr}html[dir=rtl] .fraction-calculator-operand-grid .field>span,html[dir=rtl] .fraction-calculator-sign-field>span{text-align:right;direction:rtl;justify-content:flex-end}html[dir=rtl] .fraction-calculator-operations .segmented-option em{direction:rtl}@media (width<=760px){.fraction-calculator-workspace{grid-template-columns:minmax(0,1fr)}.fraction-calculator-controls{border-inline-end:0;border-bottom:1px solid var(--border)}.fraction-calculator-output{min-height:0}.fraction-calculator-empty{min-height:180px}}@media (width<=520px){.fraction-calculator-controls,.fraction-calculator-output{padding:16px}.fraction-calculator-operations .segmented-option em{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fraction-calculator-facts{grid-template-columns:minmax(0,1fr)}.fraction-calculator-facts>div{border-inline-end:0;border-bottom:1px solid var(--border)}.fraction-calculator-facts>div:last-child{border-bottom:0}.fraction-calculator-answer strong{font-size:28px}}@media (width<=380px){.fraction-calculator-operand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fraction-calculator-operand-grid .field>span,.fraction-calculator-sign-field>span{min-height:16px}.fraction-calculator-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.fraction-calculator-secondary-actions .btn:last-child{grid-column:1/-1}}.tool-body--lcm-gcf-calculator{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.lcm-gcf-mode-fieldset{border-block-start:0;padding-block-start:0}.lcm-gcf-modes{direction:ltr;grid-template-columns:repeat(2,minmax(0,1fr))}.lcm-gcf-modes .segmented-option span{justify-content:center;align-items:center;gap:8px;min-height:48px;padding:8px 10px;display:flex}.lcm-gcf-modes .segmented-option b{font-family:var(--mono);font-size:14px}.lcm-gcf-modes .segmented-option em{overflow-wrap:anywhere;min-width:0;font-size:11px;font-style:normal}.lcm-gcf-guidance{min-height:36px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.lcm-gcf-number-fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.lcm-gcf-number-fieldset>legend{color:var(--muted-strong);font-size:12px;font-weight:650}.lcm-gcf-rows{gap:10px;min-width:0;display:grid}.lcm-gcf-row{grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:8px;min-width:0;display:grid}.lcm-gcf-number-field{gap:6px;min-width:0;display:grid}.lcm-gcf-number-field>span{min-height:16px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.35}.lcm-gcf-number-field input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:48px;color:var(--text);font-family:var(--mono);border-radius:6px;padding:0 12px;font-size:16px}.lcm-gcf-number-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 16%, transparent)}.lcm-gcf-field-error:not([hidden]){color:var(--danger);font-size:11px;font-weight:600;line-height:1.35;display:block}.lcm-gcf-remove,.lcm-gcf-remove-spacer{width:44px;height:48px}.lcm-gcf-remove{place-items:center;padding:0;display:inline-grid}.lcm-gcf-remove svg{display:block}.lcm-gcf-add{width:100%;min-height:44px}.lcm-gcf-limit{min-height:17px;color:var(--muted);font-size:11px;line-height:1.45}.lcm-gcf-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.lcm-gcf-facts dd{font-family:var(--sans);font-size:13px}.lcm-gcf-pair-steps,.lcm-gcf-factors{gap:9px;min-width:0;display:grid}.lcm-gcf-pair{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0}.lcm-gcf-pair summary{min-width:0;min-height:42px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;align-items:center;padding:9px 12px;font-size:12px;font-weight:650;display:flex}.lcm-gcf-pair ol{border-top:1px solid var(--border);gap:7px;min-width:0;margin:0;padding:11px 12px 12px 32px;display:grid}.lcm-gcf-pair li,.lcm-gcf-pair code{min-width:0;color:var(--muted-strong);overflow-wrap:anywhere;word-break:break-word;font-size:11px;line-height:1.5}.lcm-gcf-factors ul{gap:7px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.lcm-gcf-factors li{min-width:0;color:var(--muted-strong);flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.5;display:flex}.lcm-gcf-factors code{min-width:0;color:var(--text);overflow-wrap:anywhere;word-break:break-word}.lcm-gcf-factors sup{font-size:.72em;line-height:0}.lcm-gcf-factor-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}html[dir=rtl] .lcm-gcf-number-field>span{text-align:right}html[dir=rtl] .lcm-gcf-number-field input,html[dir=rtl] .lcm-gcf-pair code,html[dir=rtl] .lcm-gcf-factors code{text-align:left;direction:ltr}@media (width<=520px){.lcm-gcf-modes .segmented-option em{clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.lcm-gcf-modes .segmented-option span{flex-direction:column;align-items:flex-start;gap:2px}}@media (width<=360px){.lcm-gcf-secondary-actions{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.percentage-answer-card,.percentage-formula{flex-direction:column;align-items:flex-start;gap:7px}.percentage-answer-card strong,.percentage-formula code{text-align:left}}.tool-body--cps-test{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.cps-test-workspace{background:var(--surface);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.cps-test-controls,.cps-test-stage{min-width:0;padding:24px}.cps-test-controls{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-tint));grid-template-columns:minmax(210px,.7fr) minmax(390px,1.3fr) 132px;align-items:end;gap:16px;display:grid}.cps-test-fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.cps-test-fieldset legend{color:var(--muted-strong);margin-bottom:7px;font-size:12px;font-weight:600}.cps-test-modes .segmented-option span,.cps-test-durations .segmented-option span{min-height:44px}.cps-test-durations{grid-template-columns:repeat(5,minmax(0,1fr))}.cps-test-durations .segmented-option span{overflow-wrap:anywhere;padding-inline:4px;font-size:11px}.cps-test-reset{width:100%;min-height:44px;margin-bottom:4px}.cps-test-privacy,.cps-test-caveat{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.cps-test-privacy{border-top:1px solid var(--border);grid-column:1/-1;padding-top:14px}.cps-test-stage{align-content:start;gap:14px;display:grid}.cps-test-status-row{min-width:0;min-height:24px;color:var(--muted-strong);justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:600;display:flex}.cps-test-status-row strong{color:var(--text);font-family:var(--mono);direction:ltr;font-size:14px}.cps-test-target{border:1px solid var(--primary-border);background:var(--primary-soft);width:100%;height:clamp(270px,34vw,390px);min-height:270px;color:var(--text);cursor:crosshair;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;place-content:center;justify-items:center;gap:14px;padding:28px;display:grid}.cps-test-target:hover:not(:disabled){border-color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 88%, var(--surface))}.cps-test-target:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 32%, transparent);outline-offset:3px}.cps-test-target[data-state=running]{border-color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 82%, var(--surface))}.cps-test-target[data-state=complete]{cursor:default;opacity:1}.cps-test-target strong{overflow-wrap:anywhere;text-align:center;max-width:560px;font-size:28px;font-weight:650;line-height:1.2}.cps-test-target[data-state=running] strong,.cps-test-target[data-state=complete] strong{font-family:var(--mono);direction:ltr;font-size:38px}.cps-test-target span{max-width:520px;color:var(--muted-strong);text-align:center;font-size:13px;line-height:1.5}.cps-test-progress{background:var(--surface-soft);width:100%;height:4px;color:var(--primary);border:0;border-radius:2px;overflow:hidden}.cps-test-progress::-webkit-progress-bar{background:var(--surface-soft)}.cps-test-progress::-webkit-progress-value{background:var(--primary)}.cps-test-progress::-moz-progress-bar{background:var(--primary)}.cps-test-result:not([hidden]){border-top:1px solid var(--border);grid-template-columns:minmax(140px,.8fr) minmax(220px,1.2fr) auto;align-items:center;gap:16px;min-width:0;padding-top:14px;display:grid}.cps-test-result>div{gap:5px;min-width:0;display:grid}.cps-test-result strong{color:var(--text);font-size:13px}.cps-test-result span{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.cps-test-best-row strong{color:var(--success)}.cps-test-result .button{white-space:nowrap;min-height:44px}html[dir=rtl] .cps-test-target[data-state=running] strong,html[dir=rtl] .cps-test-target[data-state=complete] strong,html[dir=rtl] .cps-test-best-row{direction:ltr}@media (width<=820px){.cps-test-controls{grid-template-columns:minmax(0,1fr);align-items:stretch}.cps-test-reset{margin-bottom:0}.cps-test-privacy{grid-column:auto}.cps-test-target{height:300px}}@media (width<=520px){.cps-test-controls,.cps-test-stage{padding:16px}.cps-test-controls{gap:14px}.cps-test-durations .segmented-option span{min-height:50px;font-size:10px}.cps-test-target{height:276px;min-height:276px;padding:20px}.cps-test-target strong{font-size:22px}.cps-test-target[data-state=running] strong,.cps-test-target[data-state=complete] strong{font-size:32px}.cps-test-result:not([hidden]){grid-template-columns:minmax(0,1fr);gap:12px}.cps-test-result .button{width:100%}}.tool-body--reaction-time-test{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.reaction-time-workspace{background:var(--surface);min-width:0;display:grid}.reaction-time-toolbar,.reaction-time-stage{min-width:0;padding:24px}.reaction-time-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-tint));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 20px;display:grid}.reaction-time-toolbar-copy{gap:4px;min-width:0;display:grid}.reaction-time-toolbar-copy strong{color:var(--text);font-size:13px}.reaction-time-toolbar-copy span,.reaction-time-privacy,.reaction-time-caveat{color:var(--muted);font-size:12px;line-height:1.5}.reaction-time-reset{min-width:118px;min-height:44px}.reaction-time-privacy{border-top:1px solid var(--border);grid-column:1/-1;margin:0;padding-top:12px}.reaction-time-stage{align-content:start;gap:14px;display:grid}.reaction-time-status-row{min-height:24px;color:var(--muted-strong);justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:600;display:flex}.reaction-time-status-row strong{color:var(--text);font-family:var(--mono);font-size:14px}.reaction-time-status-row bdi{direction:ltr;unicode-bidi:isolate}.reaction-time-target{border:1px solid var(--primary-border);background:var(--primary-soft);width:100%;height:clamp(310px,37vw,430px);min-height:310px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;place-content:center;justify-items:center;gap:15px;padding:30px;transition:background-color .12s,border-color .12s;display:grid}.reaction-time-target:hover{border-color:var(--primary)}.reaction-time-target:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 32%, transparent);outline-offset:3px}.reaction-time-target[data-state=waiting]{border-color:var(--border-strong);background:var(--surface-soft);cursor:wait}.reaction-time-target[data-state=go]{border-color:var(--success-border);background:var(--success-soft);color:var(--success);cursor:crosshair;transition:none}.reaction-time-target[data-state=too-soon]{border-color:color-mix(in srgb, var(--danger) 48%, var(--border));background:color-mix(in srgb, var(--danger) 9%, var(--surface));color:var(--danger)}.reaction-time-target[data-state=trial-result],.reaction-time-target[data-state=complete],.reaction-time-target[data-state=cancelled]{background:var(--surface-soft)}.reaction-time-target strong{text-align:center;overflow-wrap:anywhere;max-width:620px;font-size:30px;font-weight:650;line-height:1.2}.reaction-time-target[data-state=go] strong,.reaction-time-target[data-state=trial-result] strong,.reaction-time-target[data-state=complete] strong{font-family:var(--mono);direction:ltr;font-size:40px}.reaction-time-target span{max-width:560px;color:var(--muted-strong);text-align:center;font-size:13px;line-height:1.5}.reaction-time-result:not([hidden]){border-top:1px solid var(--border);gap:14px;min-width:0;padding-top:16px;display:grid}.reaction-time-metrics{border-block:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.reaction-time-metric{gap:5px;min-width:0;padding:14px 18px;display:grid}.reaction-time-metric+.reaction-time-metric{border-inline-start:1px solid var(--border)}.reaction-time-metric span,.reaction-time-best-row span{color:var(--muted);font-size:12px}.reaction-time-metric strong{color:var(--text);font-family:var(--mono);direction:ltr;font-size:22px}.reaction-time-trials{border-collapse:collapse;width:100%;font-size:12px}.reaction-time-trials th,.reaction-time-trials td{border-bottom:1px solid var(--border);text-align:start;padding:9px 6px}.reaction-time-trials th{color:var(--muted-strong);font-weight:600}.reaction-time-trials td:last-child{color:var(--text);font-family:var(--mono);text-align:end;direction:ltr}.reaction-time-result-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.reaction-time-best-row{gap:4px;min-width:0;display:grid}.reaction-time-best-row strong{color:var(--success);font-size:12px}.reaction-time-caveat{margin:0}html[dir=rtl] .reaction-time-target[data-state=go] strong,html[dir=rtl] .reaction-time-target[data-state=trial-result] strong,html[dir=rtl] .reaction-time-target[data-state=complete] strong,html[dir=rtl] .reaction-time-metric strong,html[dir=rtl] .reaction-time-trials td:last-child{direction:ltr}@media (width<=600px){.reaction-time-toolbar,.reaction-time-stage{padding:16px}.reaction-time-toolbar{grid-template-columns:minmax(0,1fr)}.reaction-time-reset{width:100%}.reaction-time-privacy{grid-column:auto}.reaction-time-target{height:310px;min-height:310px;padding:22px}.reaction-time-target strong{font-size:24px}.reaction-time-target[data-state=go] strong,.reaction-time-target[data-state=trial-result] strong,.reaction-time-target[data-state=complete] strong{font-size:34px}.reaction-time-metrics{grid-template-columns:minmax(0,1fr)}.reaction-time-metric+.reaction-time-metric{border-inline-start:0;border-top:1px solid var(--border)}.reaction-time-result-footer{flex-direction:column;align-items:stretch}.reaction-time-result-footer .button{width:100%}}.tool-body--morse-code-translator,.tool-body--binary-translator{grid-template-columns:minmax(0,1fr)!important;padding:0!important}.morse-workspace,.binary-workspace{background:var(--surface);min-width:0;display:grid}.morse-mode-bar,.binary-mode-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, var(--surface-tint));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 24px;min-width:0;padding:20px 24px;display:grid}.morse-mode-fieldset,.binary-mode-fieldset{border:0;min-width:0;margin:0;padding:0}.morse-mode-fieldset legend,.morse-field-label,.morse-range-label,.binary-mode-fieldset legend,.binary-field-label{color:var(--muted-strong);margin-bottom:8px;font-size:12px;font-weight:650}.morse-mode-control,.binary-mode-control{width:min(100%,500px)}.morse-command-row,.binary-command-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.morse-command-row .btn,.binary-command-row .btn{min-height:44px}.morse-editor-grid,.binary-editor-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.morse-pane,.binary-pane{align-content:start;gap:10px;min-width:0;padding:24px;display:grid}.morse-pane+.morse-pane,.binary-pane+.binary-pane{border-inline-start:1px solid var(--border)}.morse-pane-head,.binary-pane-head{justify-content:space-between;align-items:flex-start;gap:12px;min-height:33px;display:flex}.morse-field-label,.binary-field-label{color:var(--text);margin:0;font-size:13px;display:block}.morse-input,.morse-output,.binary-input,.binary-output{resize:vertical;border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:236px;color:var(--text);font-family:var(--mono);letter-spacing:0;overflow-wrap:anywhere;border-radius:6px;padding:16px;font-size:16px;line-height:1.65}.morse-output,.binary-output{background:var(--surface-soft)}.morse-input:focus-visible,.morse-output:focus-visible,.morse-range input:focus-visible,.binary-input:focus-visible,.binary-output:focus-visible,.binary-select-field select:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 24%, transparent);outline-offset:2px;border-color:var(--primary)}.morse-input[aria-invalid=true],.binary-input[aria-invalid=true]{border-color:color-mix(in srgb, var(--danger) 64%, var(--border));background:color-mix(in srgb, var(--danger) 4%, var(--surface))}.morse-field-note,.morse-status,.morse-privacy,.morse-audio-note,.binary-field-note,.binary-status,.binary-privacy{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.morse-status,.binary-status{min-height:19px}.morse-status.is-error,.binary-status.is-error{color:var(--danger)}.morse-error:not([hidden]),.binary-error:not([hidden]){border-inline-start:3px solid var(--danger);color:var(--danger);gap:7px;padding:8px 0 8px 12px;font-size:12px;line-height:1.5;display:grid}.morse-error ul,.binary-error ul{gap:4px;margin:0;padding-inline-start:20px;display:grid}.morse-audio-bar{grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;align-items:end;gap:18px 24px;min-width:0;padding:20px 24px;display:grid}.morse-range{gap:8px;min-width:0;display:grid}.morse-range-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.morse-range-label{margin:0}.morse-range-output{color:var(--text);font-family:var(--mono);direction:ltr;unicode-bidi:isolate;font-size:13px}.morse-range input[type=range]{width:100%;min-height:28px;accent-color:var(--primary);margin:0}.morse-playback{gap:8px;min-width:148px;display:grid}.morse-playback .btn{width:100%;min-height:44px}.morse-privacy{border-top:1px solid var(--border);grid-column:1/-1;padding-top:14px}.binary-settings-bar{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:18px 24px;min-width:0;padding:20px 24px;display:grid}.binary-select-field{gap:8px;min-width:0;display:grid}.binary-select-field .binary-field-label{color:var(--muted-strong);font-size:12px}.binary-select-field select{border:1px solid var(--border-strong);background-color:var(--surface);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:6px;padding:0 38px 0 12px}html[dir=rtl] .binary-select-field select{padding:0 12px 0 38px}.binary-convert{min-width:148px;min-height:44px}.binary-privacy{border-top:1px solid var(--border);grid-column:1/-1;padding-top:14px}.morse-input[data-format=morse],.morse-output[data-format=morse],html[dir=rtl] .morse-input[data-format=morse],html[dir=rtl] .morse-output,html[dir=rtl] .morse-range-output,.binary-input[data-format=binary],.binary-output[data-format=binary],html[dir=rtl] .binary-input[data-format=binary],html[dir=rtl] .binary-output[data-format=binary]{text-align:start;direction:ltr;unicode-bidi:isolate}@media (width<=760px){.morse-mode-bar,.morse-audio-bar,.binary-mode-bar,.binary-settings-bar{grid-template-columns:minmax(0,1fr);align-items:stretch;padding:16px}.morse-mode-control,.binary-mode-control{width:100%}.morse-command-row,.binary-command-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.morse-editor-grid,.binary-editor-grid{grid-template-columns:minmax(0,1fr)}.morse-pane,.binary-pane{padding:16px}.morse-pane+.morse-pane,.binary-pane+.binary-pane{border-inline-start:0;border-top:1px solid var(--border)}.morse-input,.morse-output,.binary-input,.binary-output{min-height:190px;font-size:15px}.morse-playback{min-width:0}.binary-convert{width:100%;min-width:0}}@media (width<=390px){.morse-command-row,.binary-command-row{grid-template-columns:minmax(0,1fr)}.morse-pane-head,.binary-pane-head{flex-direction:column;align-items:stretch;min-height:0}.morse-pane-head .btn,.binary-pane-head .btn{width:100%}}.preview-strip{gap:10px;display:grid}.preview-strip figure{justify-items:center;gap:6px;margin:0;display:grid}.preview-strip figcaption{color:var(--muted);font-size:12px}.tool-index-page{min-height:100vh;padding:24px}.tool-index-shell{gap:16px;max-width:1180px;margin:0 auto;display:grid}.tool-index-section{gap:10px;display:grid}.tool-index-section-head{gap:4px;padding:4px 2px 0;display:grid}.tool-index-section-head h2{letter-spacing:0;margin:0;font-size:22px}.tool-index-section-head .eyebrow{color:var(--muted)}.tool-index-hero,.tool-index{box-shadow:var(--shadow);border-radius:6px}.tool-index-hero{border:1px solid var(--border);background:var(--surface);color:var(--text);justify-content:space-between;align-items:flex-end;gap:16px;padding:22px;display:flex}.tool-index-hero .brand-copy p{color:var(--muted)}.tool-index{border:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:14px;display:grid}.tool-index--hubs{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-index--task-start{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tool-index--task-start .tool-link{border-color:var(--border-strong);min-height:88px}.tool-index-more{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:6px}.tool-index-more summary{min-height:48px;color:var(--text);cursor:pointer;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:flex}.tool-index-more summary:hover{background:var(--surface-soft)}.tool-index-more .tool-index{box-shadow:none;border-width:1px 0 0;border-radius:0 0 6px 6px;margin:0}.category-hub-page .seo-content{width:100%;margin:0;padding:0}.category-hub-page .seo-content-shell{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:6px;padding:24px}.category-hub-page .seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;padding:0}.category-hub-page .seo-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;padding:16px}.category-hub-page .seo-card--wide{grid-column:1/-1}.tool-link{border:1px solid var(--border);background:var(--surface);min-height:78px;color:var(--text);border-radius:6px;gap:5px;padding:13px;font-weight:500;text-decoration:none;display:grid}.tool-link span{color:var(--muted);font-size:12px;font-weight:400}.tool-link:hover{border-color:var(--border-strong);background:var(--surface-soft)}.homepage-crawl-links{grid-column:1/-1;gap:16px;min-width:0;display:grid}.homepage-crawl-links .tool-index{box-shadow:var(--shadow-soft)}.homepage-crawl-links .tool-link{min-height:72px}.static-page-shell{width:min(100%,960px);margin:0 auto;padding:18px}.static-page-header,.static-page-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:6px}.static-page-header{gap:18px;padding:clamp(24px,5vw,46px);display:grid}.static-page-header h1{max-width:12ch;font-size:clamp(38px,8vw,76px);font-weight:650;line-height:.95}.static-page-header p,.static-page-section p,.static-page-section li{color:var(--muted);font-size:15px;line-height:1.65}.static-page-nav{flex-wrap:wrap;gap:10px;display:flex}.static-page-grid{gap:14px;margin-top:14px;display:grid}.static-page-section{gap:12px;padding:22px;display:grid}.static-page-section h2{font-size:clamp(22px,3vw,30px);line-height:1.12}.static-page-section ul{gap:8px;margin:0;padding-left:20px;display:grid}.app--home{width:min(100%,1120px);padding:32px 24px 42px}.app--home .masthead{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:38px 0 24px}.app--home .masthead-main{gap:22px}.app--home .brand-copy{gap:14px}.app--home .brand-copy h1{max-width:670px;font-size:clamp(42px,7vw,76px);font-weight:720;line-height:.94}.app--home .brand-copy p{max-width:620px;color:var(--muted-strong);font-size:17px;line-height:1.6}.app--home .hero-search-shell{border-color:var(--border-strong);background:color-mix(in srgb, var(--surface) 94%, var(--primary-soft));width:min(100%,700px);min-height:64px;box-shadow:var(--shadow);border-radius:8px;margin-top:2px}.app--home .hero-search-shell svg{color:var(--accent)}.app--home #hero-search{font-size:17px}.app--home .masthead-stats{max-width:700px}.metric-pill{border-color:color-mix(in srgb, var(--border) 82%, var(--primary-border))}.home-decision-grid{order:1;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);align-items:start;gap:18px;min-width:0;display:grid}.app--home .quick-paths{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.home-decision-grid .quick-paths{align-content:start}.home-decision-grid .quick-paths-head,.quick-paths--popular-searches>summary{padding:0 2px}.home-decision-grid .quick-paths-head{gap:5px;display:block}.home-decision-grid .quick-paths-head strong{margin-top:5px;display:block}.quick-paths-head strong{font-size:15px}.quick-paths--trending .quick-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-paths--ready .quick-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-path-card,.home-tool-card,.tool-link{border-color:color-mix(in srgb, var(--border) 86%, var(--primary-border));background:color-mix(in srgb, var(--surface) 94%, var(--background));transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.quick-path-card{min-height:82px;padding:12px}.quick-path-card:hover,.home-tool-card:hover,.tool-link:hover{border-color:var(--primary-border);background:var(--surface);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.quick-path-icon{border-color:color-mix(in srgb, var(--primary-border) 48%, var(--border));background:var(--primary-soft);color:var(--accent)}.quick-path-copy strong{font-size:14px}.quick-path-copy small{line-height:1.35}.quick-paths--popular-searches{order:2;margin-top:18px}.quick-paths--popular-searches>summary{border:1px solid color-mix(in srgb, var(--border) 82%, var(--primary-border));background:color-mix(in srgb, var(--surface) 92%, var(--background));border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;align-items:center;min-height:52px;padding:0 14px;display:grid}.quick-paths--popular-searches>summary strong{justify-self:start}.quick-paths--popular-searches[open]{border:1px solid color-mix(in srgb, var(--border) 82%, var(--primary-border));background:color-mix(in srgb, var(--surface) 94%, var(--background));border-radius:8px;padding:14px}.quick-paths--popular-searches[open]>summary{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;min-height:38px;padding:0 2px 12px}.quick-paths--popular-searches[open] .quick-path-grid{margin-top:12px}.home-search-results{order:1}.home-search-results .home-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-panel{border-radius:8px}.app--tool{grid-template-columns:minmax(0,1fr);gap:14px;width:min(100%,1240px);min-height:auto;padding:16px}.app--tool .workspace{order:1;gap:12px}.app--tool .masthead{box-shadow:var(--shadow-soft);align-items:center;padding:12px 14px}.app--tool .masthead-main{gap:0}.app--tool .brand-copy{gap:4px}.app--tool .brand-copy h1{max-width:540px;font-size:clamp(24px,3vw,34px);line-height:1}.app--tool .brand-copy p,.app--tool .masthead-stats{display:none}.app--tool .tool-panel{display:grid;position:relative;overflow:hidden}.app--tool .tool-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app--tool .tool-stage{order:1}.app--tool .tool-intent-links{background:var(--surface);border-width:1px 0 0;border-radius:0;order:2;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:0;padding:11px 18px 14px}.app--tool .tool-intent-list{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));padding-bottom:0;display:grid;overflow:visible}.app--tool .tool-intent-list a{white-space:normal;text-align:center;justify-content:center;min-height:40px}.app--tool .tool-body{grid-template-columns:minmax(270px,410px) minmax(0,1fr);padding:18px}.app--tool .tool-panel--upload .tool-body{grid-template-columns:minmax(300px,430px) minmax(0,1fr);align-items:stretch;gap:20px;min-height:560px;padding:22px}.app--tool .tool-panel--upload .form,.app--tool .tool-panel--upload .result{min-height:100%}.app--tool .tool-panel--upload .form{gap:14px}.app--tool .tool-panel--upload .form>.field:first-child{border:1px solid color-mix(in srgb, var(--border) 78%, var(--primary-border));background:color-mix(in srgb, var(--surface) 94%, var(--primary-soft));border-radius:8px;align-content:start;gap:10px;min-height:176px;padding:14px}.app--tool .tool-panel--upload .form>.field:first-child label,.app--tool .tool-panel--upload .form>.field:first-child>span{color:var(--text);font-size:14px;font-weight:650}.app--tool .tool-panel--upload input[type=file]{border-style:dashed;border-color:color-mix(in srgb, var(--border-strong) 82%, var(--primary-border));background:var(--surface);cursor:pointer;min-height:98px;padding:15px}.app--tool .tool-panel--upload input[type=file]::file-selector-button{border-color:var(--primary);background:var(--primary);min-height:38px;color:var(--surface);margin-right:12px;padding:0 13px}.app--tool .tool-panel--upload .upload-limit{border:0;border-left:3px solid color-mix(in srgb, var(--primary-border) 78%, var(--accent));background:color-mix(in srgb, var(--surface) 88%, var(--primary-soft));color:var(--muted-strong);border-radius:6px;padding:9px 10px}.app--tool .tool-panel--upload .form>.inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.app--tool .tool-panel--upload .form>.metadata-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.app--tool .tool-panel--upload .form>.inline .btn,.app--tool .tool-panel--upload .form>.inline button,.app--tool .tool-panel--upload .form>.inline a,.app--tool .tool-panel--upload .form>.inline .field{width:100%;min-width:0}.app--tool .tool-panel--upload .form>.inline .field:first-child{background:0 0;border:0;min-height:0;padding:0}.app--tool .tool-panel--upload .btn.primary{min-height:46px}.app--tool .tool-panel--upload .result{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--surface-soft));border-radius:8px;gap:12px;padding:16px}.app--tool .tool-panel--upload .result-head{border-bottom:1px solid var(--border);min-height:42px;padding-bottom:10px}.app--tool .tool-panel--upload .result-head label{color:var(--text);font-size:13px;font-weight:650}.app--tool .tool-panel--upload .output,.app--tool .tool-panel--upload .file-preview{border-style:dashed;border-color:color-mix(in srgb, var(--border) 78%, var(--primary-border));background:var(--surface);min-height:392px;color:var(--muted-strong);font-family:var(--sans)}.app--tool .tool-panel--upload .insight-rail{background:var(--surface);border-top:0;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr) minmax(0,1fr);gap:10px;padding:0 22px 20px}.app--tool .tool-panel--upload .guide-card:not(.primary),.app--tool .tool-panel--upload .insight-card,.app--tool .tool-panel--upload .share-card,.app--tool .tool-panel--upload .search-alias-box{display:none}.app--tool .tool-panel--upload .guide-card.primary,.app--tool .tool-panel--upload .limit-card,.app--tool .tool-panel--upload .related-box{background:color-mix(in srgb, var(--surface) 95%, var(--surface-soft));grid-column:auto}.app--tool .tool-panel--upload .insight-rail{display:none}.app--tool .tool-nav{border:0;border-top:1px solid var(--border);height:auto;box-shadow:none;background:0 0;border-radius:0;order:2;grid-template-rows:auto auto auto auto;padding:16px 0 0;position:static}.app--tool .tool-nav .brand-card{display:none}.app--tool .tool-nav .search-shell{background:var(--surface);max-width:520px}.app--tool .tool-nav .category-tabs{max-width:860px}.app--tool .tool-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));max-height:none;padding-right:0;overflow:visible}.app--tool .tool-item{background:var(--surface);border-color:var(--border)}.insight-rail{background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px 18px}.guide-card,.insight-card,.share-card,.related-box{border-color:color-mix(in srgb, var(--border) 88%, var(--primary-border))}.guide-card.primary,.limit-card,.related-box{grid-column:span 2}.search-alias-box{display:none}.guide-card.primary{background:color-mix(in srgb, var(--surface) 90%, var(--primary-soft))}.guide-kicker{color:var(--accent)}.tool-item.active{border-color:color-mix(in srgb, var(--primary-border) 70%, var(--border-strong))}@media (width<=1100px){.app{grid-template-columns:300px minmax(0,1fr)}.app--home,.tool-body,.app--tool .tool-body{grid-template-columns:1fr}.app--tool .tool-panel--upload .tool-body{grid-template-columns:1fr;min-height:0}.tool-body--image-color-picker,.tool-body--blur-image{grid-template-columns:1fr!important}.image-splitter-workspace{grid-template-columns:minmax(0,1fr)}.image-splitter-controls{padding-inline-end:0;border-inline-end:0;border-bottom:1px solid var(--border);padding-bottom:18px}.tool-body--qr-reader .form{display:contents}.tool-body--qr-reader .qr-reader-method-field{order:1}.tool-body--qr-reader .qr-reader-camera-panel,.tool-body--qr-reader .qr-reader-upload-panel{order:2}.tool-body--qr-reader .result{order:3}.tool-body--qr-reader .qr-camera-status{order:4}.app--tool .tool-panel--upload .output,.app--tool .tool-panel--upload .file-preview{min-height:260px}.app--tool .tool-panel--upload .insight-rail,.seo-grid{grid-template-columns:1fr}.insight-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.home-decision-grid{grid-template-columns:1fr}.quick-paths--trending .quick-path-grid,.quick-paths--ready .quick-path-grid,.home-search-results .home-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-box{margin-top:0}}@media (width<=920px){.app{grid-template-columns:1fr;padding:10px}.app--home{padding:12px}.workspace{order:1}.tool-nav{order:2;height:auto;max-height:none;position:static}.tool-list{max-height:430px}.masthead,.tool-index-hero{grid-template-columns:1fr;align-items:start}.app--home .masthead{grid-template-columns:1fr}.app--home .hero-search-shell{width:100%}.quick-path-grid,.quick-paths--trending .quick-path-grid,.quick-paths--ready .quick-path-grid,.home-search-results .home-tool-grid,.home-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.masthead .toolbar,.toolbar,#search{width:100%}.toolbar .btn,.toolbar button,.language-shell{flex:130px}.language-shell select{width:100%}.insight-rail{grid-template-columns:1fr}.guide-card.primary,.limit-card,.related-box{grid-column:auto}.app--tool .tool-intent-links{grid-template-columns:1fr;align-items:stretch;gap:10px;padding:14px}.app--tool .tool-intent-links .eyebrow{display:block}.app--tool .tool-intent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app--tool .tool-intent-list a{align-items:center;min-height:52px;padding:9px 10px;line-height:1.25}}@media (width<=560px){.app,.tool-index-page{padding:9px}.favicon-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-actions,.metadata-row{grid-template-columns:1fr}.metadata-actions .btn{width:100%}.color-picker-upload-actions,.image-color-picker-export,.blur-image-upload-actions,.blur-output-grid,.blur-export-actions{grid-template-columns:1fr}.image-splitter-upload-actions,.image-splitter-axis-grid,.image-splitter-output-grid,.image-splitter-presets,.image-splitter-social-ratio{grid-template-columns:minmax(0,1fr)}.image-splitter-preview-head{flex-direction:column;align-items:stretch}.image-splitter-preview-modes{width:100%}.image-splitter-preview-frame{min-height:300px}.image-splitter-preview-facts{grid-template-columns:minmax(0,1fr)}.image-splitter-preview-facts span:last-child{text-align:start}.blur-export-actions .icon-button{width:100%}.blur-image-canvas-shell,.blur-image-canvas-shell .empty-preview{min-height:300px}.segmented-control--three{grid-template-columns:1fr}.blur-image-status{max-width:62%}.image-color-picker-section-head{flex-wrap:wrap;align-items:flex-start}.image-color-picker-canvas-shell,.image-color-picker-canvas-shell .empty-preview{min-height:250px}.image-color-picker-current{grid-template-columns:minmax(0,1fr) 112px}.sampling-magnifier,.sampling-magnifier canvas{width:112px;height:112px}.image-color-picker-current-swatch{height:112px}.image-color-picker-export>label{grid-column:auto}.app--home .masthead{padding:20px 0 18px}.app--tool{padding:9px}.app--tool .masthead{padding:14px}.app--tool .masthead .toolbar a[href="/about/"],.app--tool .masthead .toolbar a[href="/privacy/"],.app--tool #reset-order{display:none}.app--tool .masthead .toolbar .btn,.app--tool .language-shell{flex:calc(50% - 4px)}.workspace{gap:10px}.masthead,.tool-head,.tool-body,.insight-rail,.quick-paths,.tool-index-hero{padding:14px}.quick-path-grid,.quick-paths--trending .quick-path-grid,.quick-paths--ready .quick-path-grid,.home-search-results .home-tool-grid,.home-tool-grid{grid-template-columns:1fr}.quick-path-card{min-height:66px}.seo-content{padding:0 9px 24px}.seo-copy{padding:14px}.seo-disclosure>summary{min-height:48px;padding:0 14px}.seo-grid{padding:0 14px 6px}.related-tool-list{grid-template-columns:1fr}.brand-copy h1{font-size:29px}.app--home .brand-copy h1{max-width:100%;font-size:clamp(36px,13vw,46px)}.brand-copy p{font-size:13px}.app--home .brand-copy p{max-width:100%}.masthead-main{gap:13px}.masthead-stats{gap:6px}.metric-pill{min-height:31px;font-size:11px}.tool-head{align-items:flex-start}.tool-head h2{font-size:25px}.tool-item{grid-template-columns:minmax(0,1fr) 32px 32px}.tool-name{grid-template-columns:32px minmax(0,1fr)}.tool-icon,.move{width:32px;min-width:32px;height:32px}.inline{flex-direction:column;align-items:stretch}.inline .btn,.inline button,.inline a,.inline .field{width:100%}.date-mode-field{width:100%;max-width:none}.app--tool .tool-panel--upload .form>.inline,.app--tool .tool-panel--upload .form>.metadata-actions{grid-template-columns:1fr}.qr-camera-preview{min-height:0}.qr-camera-actions,.qr-reader-result-actions{grid-template-columns:1fr}.unit-converter-row .field{flex:0 auto;min-width:0}.work-hour-row{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:7px;padding:10px 0}.work-hour-row:last-of-type{border-bottom:0}.work-hour-day{min-height:auto}}@media (width<=380px){.app--tool .tool-intent-list{grid-template-columns:1fr}.decimal-fraction-modes.segmented-control--three{grid-template-columns:minmax(0,1fr)}}@media (width>=381px) and (width<=520px){.decimal-fraction-modes.segmented-control--three{grid-template-columns:repeat(3,minmax(0,1fr))}.decimal-fraction-modes .segmented-option span{min-height:52px;padding-inline:5px;font-size:11px}}.tool-body--random-wheel{padding:0;display:block}.random-wheel-workspace{grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);min-width:0;display:grid}.random-wheel-editor,.random-wheel-focus{min-width:0;padding:22px}.random-wheel-editor{border-inline-end:1px solid var(--border);align-content:start;gap:18px;display:grid}.random-wheel-library-row{grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:8px;display:grid}.random-wheel-library-field{min-width:0}.random-wheel-menu{position:relative}.random-wheel-menu summary{width:42px;height:42px;min-height:42px;padding:0;list-style:none}.random-wheel-menu summary::-webkit-details-marker{display:none}.random-wheel-menu-popover{z-index:20;border:1px solid var(--border-strong);background:var(--surface);width:min(245px,100vw - 46px);box-shadow:var(--shadow);border-radius:6px;gap:2px;padding:6px;display:grid;position:absolute;inset-block-start:calc(100% + 7px);inset-inline-end:0}.random-wheel-menu-item{min-height:38px;color:var(--text);cursor:pointer;font:500 13px/1.2 var(--sans);text-align:start;background:0 0;border:0;border-radius:4px;align-items:center;gap:9px;padding:0 10px;display:flex}.random-wheel-menu-item:hover,.random-wheel-menu-item:focus-visible{background:var(--surface-soft);outline:none}.random-wheel-menu-item.danger{color:var(--danger)}.random-wheel-icon{flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.random-wheel-entry-field textarea{min-height:230px;max-height:440px}.random-wheel-status{min-height:19px;color:var(--muted-strong);margin:1px 0 0;font-size:12px;line-height:1.5}.random-wheel-status.is-error{color:var(--danger)}.random-wheel-duplicate-row{min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.random-wheel-duplicate-row .btn.compact{flex:none;min-height:32px;font-size:12px}.random-wheel-mode-fieldset{border:0;min-width:0;margin:0;padding:0}.random-wheel-mode-fieldset legend{color:var(--muted-strong);margin-bottom:7px;font-size:12px;font-weight:500}.random-wheel-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.random-wheel-modes .segmented-option span{min-height:48px}.random-wheel-privacy{border-inline-start:3px solid var(--primary);background:var(--surface-soft);color:var(--muted);gap:4px;padding:11px 12px;font-size:12px;line-height:1.45;display:grid}.random-wheel-privacy strong{color:var(--text)}.random-wheel-focus{--random-wheel-edge:min(100%, 520px, max(320px, calc(100vh - 330px)));background:var(--surface-soft);align-content:start;justify-items:center;gap:14px;display:grid}.random-wheel-focus-head{width:var(--random-wheel-edge);justify-content:space-between;align-items:center;gap:12px;display:flex}.random-wheel-focus-head>div{gap:2px;display:grid}.random-wheel-focus-head span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.random-wheel-focus-head strong{color:var(--text);font:600 15px/1.2 var(--mono)}.random-wheel-focus-head .btn span{color:currentColor;text-transform:none;font-size:12px}.random-wheel-canvas-wrap{width:var(--random-wheel-edge);aspect-ratio:1;position:relative;overflow:hidden}.random-wheel-canvas-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.random-wheel-pointer{z-index:2;border:1px solid var(--surface);background:var(--text);width:22px;height:7px;box-shadow:0 0 0 1px var(--border-strong);border-radius:999px;position:absolute;inset-block-start:3px;inset-inline-start:calc(50% - 11px)}.random-wheel-spin{width:var(--random-wheel-edge);min-height:48px;font-size:15px;font-weight:650}.random-wheel-result{width:var(--random-wheel-edge);border-block:1px solid var(--border);text-align:center;align-content:center;justify-items:center;gap:5px;min-height:112px;padding:14px 10px;display:grid}.random-wheel-result[hidden],.random-wheel-result-actions[hidden],.random-wheel-restore[hidden],.random-wheel-history[hidden]{display:none}.random-wheel-result>span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:650}.random-wheel-result strong{overflow-wrap:anywhere;max-width:100%;color:var(--text);font-size:clamp(24px,4vw,38px);font-weight:650;line-height:1.05}.random-wheel-result p{color:var(--muted);margin:0;font-size:12px}.random-wheel-result-actions{width:var(--random-wheel-edge);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.random-wheel-restore{width:var(--random-wheel-edge)}.random-wheel-history{border-top:1px solid var(--border);padding:18px 22px 22px}.random-wheel-history-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.random-wheel-history-head span{color:var(--primary);text-transform:uppercase;font-size:10px;font-weight:650}.random-wheel-history-head h3{margin:3px 0 0;font-size:16px}.random-wheel-history-actions{gap:8px;display:flex}.random-wheel-history ol{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin:14px 0 0;padding:0;list-style:none;display:grid}.random-wheel-history li{background:var(--surface);grid-template-columns:26px minmax(0,1fr);gap:8px;min-width:0;padding:9px 10px;font-size:12px;display:grid}.random-wheel-history li span{color:var(--muted);font-family:var(--mono)}.random-wheel-history li strong{overflow-wrap:anywhere}.random-wheel-focus:fullscreen{background:var(--background);align-content:center;width:100vw;height:100vh;padding:24px;overflow:auto}.random-wheel-focus:fullscreen .random-wheel-canvas-wrap{width:min(68vh,620px,100vw - 48px)}:is(.random-wheel-focus:fullscreen .random-wheel-focus-head,.random-wheel-focus:fullscreen .random-wheel-spin,.random-wheel-focus:fullscreen .random-wheel-result,.random-wheel-focus:fullscreen .random-wheel-result-actions,.random-wheel-focus:fullscreen .random-wheel-restore){width:min(68vh,620px,100vw - 48px)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}html[dir=rtl] .random-wheel-menu-popover{text-align:start}@media (width<=820px){.random-wheel-workspace{grid-template-columns:minmax(0,1fr)}.random-wheel-editor{border-inline-end:0;border-bottom:1px solid var(--border)}.random-wheel-entry-field textarea{height:160px;min-height:150px;max-height:260px}.random-wheel-focus{--random-wheel-edge:min(100%, 520px)}}@media (width<=520px){.random-wheel-editor,.random-wheel-focus,.random-wheel-history{padding:16px}.random-wheel-modes,.random-wheel-result-actions{grid-template-columns:minmax(0,1fr)}.random-wheel-duplicate-row,.random-wheel-history-head,.random-wheel-history-actions{flex-direction:column;align-items:stretch}.random-wheel-history-actions .btn{width:100%}.random-wheel-focus-head .btn span{display:none}.random-wheel-focus-head .btn{width:42px;min-width:42px;padding:0}}@media (prefers-reduced-motion:reduce){.random-wheel-canvas-wrap canvas{transition:none}}