:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17211d;--muted:#66716b;--soft-muted:#66716b;--line:#dce3df;--canvas:#f3f6f4;--accent:#167657;--accent-dark:#105c44;--accent-soft:#e9f5ef;--danger:#a4423a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}.skip-link{z-index:100;color:#fff;background:var(--accent-dark);white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;font-weight:700;position:fixed;top:10px;left:10px;overflow:hidden}.skip-link:focus{clip:auto;clip-path:none;border-radius:8px;width:auto;height:auto;padding:10px 14px;overflow:visible}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 6% 2%, #1676571f, transparent 28rem), radial-gradient(circle at 96% 90%, #516fc117, transparent 30rem), var(--canvas);margin:0}button,textarea{font:inherit}.shell{width:min(940px,100% - 32px);margin:0 auto;padding:clamp(42px,7vw,76px) 0 30px}.directory-shell{width:min(1080px,100% - 32px);padding-top:22px}.directory-nav,.tool-nav{justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;display:flex}.directory-brand,.tool-nav-brand{color:var(--ink);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.directory-brand>span,.tool-nav-brand>span{color:#fff;background:linear-gradient(145deg,#1a8562,#105f47);border-radius:10px;place-items:center;width:34px;height:34px;font:700 13px/1 Georgia,serif;display:grid;box-shadow:0 6px 16px #13694f2e}.directory-brand strong{font-size:14px}.brand-gears{color:#fff;width:27px;height:27px}.directory-links,.tool-nav>div{align-items:center;gap:22px;display:flex}.directory-links a,.tool-nav a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.directory-links a:hover,.tool-nav a:hover{color:var(--accent-dark)}.directory-links a:focus-visible,.directory-brand:focus-visible,.tool-nav a:focus-visible{outline-offset:4px;outline:3px solid #16765738}.tool-nav{margin:-20px 0 34px}.tool-nav-brand{color:var(--ink)!important}.not-found-shell{width:min(940px,100% - 32px)}.not-found-card{text-align:center;-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:#ffffffb8;border:1px solid #ffffffb8;border-radius:30px;max-width:760px;margin:clamp(54px,10vh,110px) auto 0;padding:clamp(34px,7vw,68px);position:relative;overflow:hidden;box-shadow:0 28px 80px #26305324}.not-found-card:before{content:"";filter:blur(4px);pointer-events:none;background:radial-gradient(circle at 35% 30%,#61dcffb8,#615bff42 48%,#0000 72%);border-radius:50%;width:260px;height:260px;position:absolute;inset:-140px auto auto -80px}.not-found-code{color:#5b4cbe14;font-size:clamp(92px,22vw,180px);font-weight:900;line-height:1;position:absolute;top:12px;right:28px}.not-found-card>*{position:relative}.not-found-card h1{max-width:590px;margin:8px auto 0;font-size:clamp(36px,7vw,58px);line-height:1.04}.not-found-card>p:not(.eyebrow){max-width:560px;color:var(--muted);margin:18px auto 0;font-size:15px;line-height:1.65}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.not-found-actions a{justify-content:center;align-items:center;min-height:48px;padding:0 20px;text-decoration:none;display:inline-flex}.not-found-suggestions{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:36px;padding-top:24px;display:grid}.not-found-suggestions a{color:var(--ink);border-radius:14px;justify-items:center;gap:8px;padding:14px 8px;text-decoration:none;transition:background .18s,transform .18s;display:grid}.not-found-suggestions a:hover{background:var(--accent-soft);transform:translateY(-2px)}.not-found-suggestions span{width:36px;height:36px;color:var(--accent-dark);background:var(--accent-soft);border-radius:11px;place-items:center;font:600 14px/1 Georgia,serif;display:grid}.not-found-suggestions strong{font-size:10px}.directory-hero{text-align:center;max-width:780px;margin:0 auto;padding:clamp(32px,6vw,66px) 0 50px}.directory-hero h1{font-size:clamp(42px,7vw,68px)}.directory-hero>p:not(.eyebrow){max-width:650px;color:var(--muted);margin:16px auto 0;font-size:clamp(15px,2vw,18px);line-height:1.6}.tool-search{background:#fff;border:1px solid #cbd6d0;border-radius:14px;align-items:center;max-width:650px;margin:30px auto 0;padding:0 15px;display:flex;position:relative;box-shadow:0 12px 36px #23362c1a}.tool-search label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.tool-search svg{fill:none;width:20px;stroke:var(--muted);stroke-linecap:round;stroke-width:1.8px;flex:none}.tool-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:17px 13px;font-size:15px}.tool-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #1676571a,0 12px 36px #23362c1a}.tool-search kbd{flex:none}.directory-stats{color:var(--muted);justify-content:center;gap:30px;margin-top:24px;font-size:11px;display:flex}.directory-stats strong{color:var(--accent-dark);margin-right:3px;font-size:13px}.directory-section{margin-top:38px;scroll-margin-top:20px}.directory-section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:18px;display:flex}.directory-section-heading h2{margin:3px 0 0;font:500 clamp(25px,4vw,32px)/1.2 Georgia,serif}.directory-section-heading>p{max-width:420px;color:var(--muted);text-align:right;margin:0;font-size:12px;line-height:1.6}.tool-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);min-height:168px;color:var(--ink);background:#ffffffeb;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 12px 32px #23362c0f}.tool-card:hover{border-color:#afcbbd;transform:translateY(-2px);box-shadow:0 16px 38px #23362c1a}.tool-card:focus-visible{outline-offset:3px;outline:3px solid #16765738}.tool-card[hidden]{display:none}.tool-card-icon{width:54px;height:54px;color:var(--accent-dark);background:var(--accent-soft);border-radius:15px;place-items:center;font:600 20px/1 Georgia,serif;display:grid}.tool-card-copy{justify-items:start;gap:5px;display:grid}.tool-card-status{color:var(--accent-dark);background:var(--accent-soft);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:8px;font-weight:800}.tool-card-copy>strong{font:500 21px/1.25 Georgia,serif}.tool-card-copy>small{color:var(--muted);font-size:11px;line-height:1.55}.tool-card-tags{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.tool-card-tags span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:8px;font-weight:700}.tool-card-arrow{fill:none;width:20px;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.tool-directory .tool-card{grid-template-columns:auto 1fr;align-items:start;padding:21px}.tool-directory .tool-card-arrow{display:none}.tool-directory .tool-card-featured{grid-column:1/-1;align-items:center;min-height:132px}.no-tool-results{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:14px;margin:14px 0 0;padding:24px;font-size:13px}.directory-ad{margin:34px 0 0}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-card{border:1px solid var(--line);min-height:190px;color:var(--ink);background:#ffffffad;border-radius:16px;align-content:space-between;gap:14px;padding:20px;display:grid}a.category-card{text-decoration:none;transition:transform .18s,border-color .18s,background .18s}a.category-card:hover{background:#fff;border-color:#afcbbd;transform:translateY(-2px)}a.category-card:focus-visible{outline-offset:3px;outline:3px solid #16765738}.category-icon{width:38px;height:38px;color:var(--accent-dark);background:var(--accent-soft);border-radius:11px;place-items:center;font:600 15px/1 Georgia,serif;display:grid}.category-card>span:nth-child(2){gap:6px;display:grid}.category-card strong{font:500 18px/1.25 Georgia,serif}.category-card small{color:var(--muted);font-size:10px;line-height:1.5}.category-card b{color:#84908a;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.category-card-live b{color:var(--accent)}.directory-values{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px;padding:28px;display:grid}.directory-values article{gap:11px;display:flex}.directory-values article>span{color:var(--accent);font-weight:800}.directory-values strong{font-size:12px}.directory-values p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}.directory-footer{justify-content:space-between;align-items:flex-start;gap:32px;padding:38px 0 16px;display:flex}.directory-footer p{color:var(--muted);margin:9px 0 0;font-size:10px}.directory-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;max-width:530px;display:flex}.directory-footer nav a{color:var(--muted);text-underline-offset:3px;font-size:10px}.directory-footer nav a:hover{color:var(--accent-dark)}.tool-page-heading{text-align:center;margin:0 0 24px}.tool-page-heading h1{font-size:clamp(38px,6vw,54px)}.tool-page-heading>p:last-child{color:var(--muted);margin:10px auto 0;font-size:14px}.word-counter-workspace{background:#fffffff0;border:1px solid #d3dcd7f2;border-radius:24px;padding:clamp(22px,4vw,32px);box-shadow:0 22px 60px #23362c1a}.word-counter-topline{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.word-counter-topline h2{margin:0;font-size:15px}.word-counter-topline p{color:var(--muted);margin:4px 0 0;font-size:11px}#wordCounterStatus{color:var(--accent);font-size:11px;font-weight:700}.word-counter-input{min-height:280px}.word-counter-actions{justify-content:space-between;align-items:center;min-height:38px;margin-top:8px;display:flex}.word-counter-actions>div{align-items:center;gap:5px;display:flex}.word-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:18px 0 0;display:grid}.word-stats div{border:1px solid var(--line);text-align:center;background:#f8faf9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:88px;padding:12px 7px;display:flex}.word-stats dt{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.3}.word-stats dd{color:var(--accent-dark);margin:0;font:500 24px/1 Georgia,serif}.time-estimates{color:var(--muted);gap:26px;margin-top:13px;font-size:10px;display:flex}.time-estimates p{margin:0}.time-estimates span{color:var(--accent);margin-right:5px}.time-estimates strong{color:var(--ink);margin-right:3px}.tool-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.tool-content-grid article{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;padding:24px}.tool-content-grid h2,.related-tools h2{margin:3px 0 10px;font:500 20px/1.25 Georgia,serif}.tool-content-grid p:last-child,.tool-content-grid ol,.tool-content-grid ul{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.tool-content-grid ol,.tool-content-grid ul{padding-left:18px}.rich-tool-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.rich-tool-extras>article{border:1px solid var(--line);background:var(--glass);border-radius:16px;padding:24px}.rich-tool-extras h2{margin:3px 0 14px;font:500 20px/1.25 Georgia,serif}.rich-tool-extras ul{color:var(--muted);margin:0;padding-left:18px;font-size:11px;line-height:1.75}.rich-tool-example{border:1px solid var(--line);background:var(--glass-strong);border-radius:12px;gap:9px;padding:15px;display:grid}.rich-tool-example+.rich-tool-example{margin-top:10px}.rich-tool-example>strong{color:var(--accent-dark);font-size:12px}.rich-tool-example dl{gap:7px;margin:0;display:grid}.rich-tool-example dl div{grid-template-columns:48px 1fr;gap:8px;display:grid}.rich-tool-example dt{color:var(--soft-muted);text-transform:uppercase;font-size:9px;font-weight:800}.rich-tool-example dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.rich-tool-example p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.related-tools{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:22px 24px;display:flex}.related-tools h2{margin-bottom:0}.related-tools>a{border:1px solid var(--line);min-width:min(100%,460px);color:var(--ink);background:#fff;border-radius:12px;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid}.related-tools>a:hover{background:var(--accent-soft);border-color:#afcbbd}.related-tools>a:focus-visible{outline-offset:3px;outline:3px solid #16765738}.related-tools>a>span:nth-child(2){gap:4px;display:grid}.related-tools small{color:var(--muted);font-size:9px;line-height:1.4}.related-tools b{color:var(--accent-dark);white-space:nowrap;font-size:9px}.masthead{justify-content:center;align-items:center;gap:20px;margin-bottom:30px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#1a8562,#105f47);border:1px solid #ffffffb3;border-radius:17px;flex:none;place-items:center;width:58px;height:58px;font:700 21px/1 Georgia,serif;display:grid;box-shadow:0 10px 26px #13694f33}.heading-copy{text-align:left}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,48px);font-weight:500;line-height:1.05}.intro{color:var(--muted);margin:8px 0 0;font-size:15px}.workspace{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #d3dcd7f2;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px #23362c1a}.panel{padding:clamp(22px,4vw,32px)}.input-panel{padding-bottom:20px}.result-panel{background:#f8faf9;padding-top:22px;padding-bottom:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.panel-heading label,#resultLabel{font-size:15px;font-weight:750}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.case-picker{border:0;min-width:0;margin:0 0 16px;padding:0}.case-picker legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.case-options{border:1px solid var(--line);background:#f1f4f2;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;display:grid}.case-option{cursor:pointer;min-width:0}.case-option input{opacity:0;pointer-events:none;position:absolute}.case-option span{min-height:37px;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:700;transition:color .15s,background .15s,box-shadow .15s;display:flex;overflow:hidden}.case-option:hover span{color:var(--ink)}.case-option input:checked+span{color:var(--accent-dark);background:#fff;box-shadow:0 1px 4px #22342b1f}.case-option input:focus-visible+span{outline-offset:1px;outline:3px solid #16765738}.case-help{min-height:17px;color:var(--soft-muted);margin:8px 4px 0;font-size:11px;line-height:1.5}.check-option{border:1px solid var(--line);cursor:pointer;background:#fafcfb;border-radius:11px;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;display:flex}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.style-select{color:#3f4c46;justify-content:space-between;align-items:center;gap:14px;margin:-3px 0 10px;font-size:12px;font-weight:700;display:flex}.style-select[hidden]{display:none}.style-select select{border:1px solid var(--line);min-width:170px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:8px 30px 8px 10px}.style-select select:focus-visible{outline-offset:1px;outline:3px solid #16765733}.custom-terms{border:1px solid var(--line);background:#fafcfb;border-radius:11px;margin:0 0 14px;padding:0 12px}.custom-terms summary{color:#3f4c46;cursor:pointer;padding:10px 0;font-size:12px;font-weight:700}.custom-terms summary:focus-visible{outline-offset:3px;outline:3px solid #16765738}.custom-terms label{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.custom-terms textarea{border-radius:8px;min-height:64px;padding:9px 10px;font-size:12px;line-height:1.4}.custom-terms small{color:var(--soft-muted);margin:6px 0 10px;font-size:10px;display:block}.check-option[hidden]{display:none}.check-option input{width:16px;height:16px;accent-color:var(--accent);margin:2px 0 0}.check-option span{gap:2px;display:grid}.check-option strong{color:#3f4c46;font-size:12px}.check-option small{color:var(--soft-muted);font-size:11px;line-height:1.4}#characterCount,#status{color:var(--soft-muted);flex:none;margin-top:2px;font-size:12px;font-weight:600}#status.success{color:var(--accent)}#status.error{color:var(--danger)}textarea{resize:vertical;width:100%;min-height:168px;max-height:420px;color:var(--ink);border:1px solid var(--line);background:#fcfdfc;border-radius:14px;outline:none;padding:17px 18px;font-size:16px;line-height:1.6;transition:border-color .18s,box-shadow .18s,background .18s;display:block}textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #1676571a}.input-footer,.result-footer{justify-content:space-between;align-items:center;min-height:34px;margin-top:10px;display:flex}.input-footer-actions{align-items:center;gap:6px;display:flex}button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:transform .15s,background .15s,color .15s,box-shadow .15s,opacity .15s;display:inline-flex}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-offset:2px;outline:3px solid #16765738}button:disabled{cursor:not-allowed;opacity:.48}.text-button{min-height:32px;color:var(--muted);background:0 0;border-radius:7px;padding:0 7px;font-size:12px}.text-button:hover:not(:disabled){color:var(--accent-dark);background:var(--accent-soft)}.convert-row{background:#f2f6f4;border-top:1px solid #e4e9e6;border-bottom:1px solid #dce3df;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(22px,4vw,32px);display:flex}.shortcut-hint{color:var(--muted);font-size:12px}.shortcut-plus{margin:0 3px}kbd{color:#59645e;background:#fff;border:1px solid #cbd4cf;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:24px;height:23px;padding:0 6px;font-family:inherit;font-size:10px;font-weight:600;line-height:1;display:inline-grid}.primary{color:#fff;background:var(--accent);border-radius:11px;min-height:46px;padding:0 20px;font-size:14px;box-shadow:0 7px 18px #1676572e}.primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 9px 22px #1676573d}.primary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:18px}.spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:none}.primary.loading .spinner{display:block}.primary.loading .arrow-icon{display:none}@keyframes spin{to{transform:rotate(360deg)}}.result-box{overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;border-radius:14px;min-height:92px;padding:14px 16px;font-size:16px;line-height:1.6}.result-box p{white-space:pre-wrap;margin:0}.result-box .placeholder{color:#97a19b;padding-top:17px}.case-change{color:inherit;background:#ffe5b5;border-radius:3px;padding:1px 0;box-shadow:0 0 0 1px #be70001f}.explanations-panel{border:1px solid var(--line);background:#fbfcfc;border-radius:13px;margin-top:12px;padding:16px 18px}.explanations-panel h3{margin:0 0 12px;font-size:13px}.explanations-panel ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;display:grid}.explanations-panel li{grid-template-columns:minmax(70px,auto) 1fr;gap:8px;font-size:11px;display:grid}.explanations-panel li strong{overflow-wrap:anywhere;color:var(--ink)}.explanations-panel li span{color:var(--muted);line-height:1.4}.explanations-panel li strong:before{content:"";background:#8d9892;border-radius:50%;width:6px;height:6px;margin:0 6px 1px 0;display:inline-block}.explanations-panel .explanation-capitalize strong:before{background:var(--accent)}.explanations-panel .explanation-lowercase strong:before{background:#c37b16}.explanations-panel .explanation-canonicalize strong:before{background:#536fbd}.explanations-panel .explanation-preserve strong:before{background:#8156a7}.explanations-panel>p{color:var(--muted);margin:12px 0 0;font-size:11px}.result-tip{color:var(--soft-muted);font-size:11px}.copy-button{border:1px solid var(--line);color:#53605a;background:#fff;border-radius:9px;min-height:36px;padding:0 12px;font-size:12px}.copy-button:hover:not(:disabled){color:var(--ink);background:#f3f6f4;border-color:#c4cec8}.copy-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px}.check-icon{color:var(--accent);display:none}.copy-button.copied{color:var(--accent-dark);background:var(--accent-soft);border-color:#b8dacb}.copy-button.copied .copy-icon{display:none}.copy-button.copied .check-icon{display:block}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;display:flex}.privacy-note svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:15px}.privacy-indicator{--privacy-accent:#178460;border:1px solid color-mix(in srgb, var(--privacy-accent) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--privacy-accent) 9%, var(--field,white)), var(--field,white));border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:24px;padding:16px 18px;display:grid;box-shadow:0 12px 34px #241d5c0f}.privacy-indicator--same-origin-server{--privacy-accent:#8058d7}.privacy-indicator--hybrid{--privacy-accent:#b46f18}.privacy-indicator__lead{align-items:center;gap:13px;min-width:0;display:flex}.privacy-indicator__icon{border:1px solid color-mix(in srgb, var(--privacy-accent) 40%, var(--line));width:38px;height:38px;color:var(--privacy-accent);background:color-mix(in srgb, var(--privacy-accent) 12%, transparent);border-radius:11px;flex:none;place-items:center;font-weight:900;display:grid}.privacy-indicator__badge{color:var(--privacy-accent);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:850}.privacy-indicator h2{margin:2px 0 3px;font:700 15px/1.3 Inter,ui-sans-serif,system-ui,sans-serif}.privacy-indicator p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.privacy-indicator details{min-width:210px;max-width:360px}.privacy-indicator summary{border:1px solid color-mix(in srgb, var(--privacy-accent) 28%, var(--line));min-height:38px;color:var(--privacy-accent);background:color-mix(in srgb, var(--privacy-accent) 8%, transparent);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800;list-style-position:inside}.privacy-indicator summary:hover{border-color:var(--privacy-accent)}.privacy-indicator summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.privacy-indicator details[open]{align-self:start}.privacy-indicator details[open] summary{margin-bottom:10px}.privacy-indicator details p{margin-bottom:7px}.privacy-indicator details a{color:var(--privacy-accent);text-underline-offset:3px;font-size:11px;font-weight:800}@media (max-width:680px){.privacy-indicator{grid-template-columns:1fr;gap:13px}.privacy-indicator details{min-width:0;max-width:none}}.ad-slot{color:var(--soft-muted);text-align:center;margin-top:22px}.ad-slot>span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:9px;display:block}.ad-placement{min-height:var(--ad-reserved-min-height,90px);background:#ffffff7a;border:1px dashed #cbd4cf;border-radius:12px;place-items:center;display:grid;overflow:hidden}.ad-placement p{color:#89938e;margin:0;font-size:11px}.side-ad-rails{display:none}@media (min-width:1320px) and (min-height:620px){:root[data-page-kind=tool] .side-ad-rails{--side-ad-offset:650px;display:block}.side-ad{z-index:2;width:160px;color:var(--soft-muted);text-align:center;position:fixed;top:72px}.side-ad-left{left:max(10px, calc(50vw - var(--side-ad-offset)))}.side-ad-right{right:max(10px, calc(50vw - var(--side-ad-offset)))}.side-ad>span{letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:9px;display:block}.side-ad-placement{width:160px;height:min(600px,100vh - 104px);min-height:var(--ad-reserved-min-height,480px);border:1px dashed var(--line);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:14px;place-items:center;display:grid;overflow:hidden}.side-ad-placement p{width:110px;color:var(--soft-muted);margin:0;font-size:11px;line-height:1.5}}@media (min-width:1480px) and (min-height:620px){.side-ad-rails{--side-ad-offset:720px;display:block}:root[data-page-kind=tool] .side-ad-rails{--side-ad-offset:650px}}.api-callout{border:1px solid var(--line);background:#ffffffc7;border-radius:16px;justify-content:space-between;align-items:center;gap:28px;margin-top:22px;padding:24px 28px;display:flex}.api-callout h2{margin:3px 0 5px;font:500 24px/1.2 Georgia,serif}.api-callout p:last-child{color:var(--muted);margin:0;font-size:14px}.api-link{color:#fff;background:var(--accent);border-radius:9px;flex:none;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none}.api-link:hover{background:var(--accent-dark)}.api-link:focus-visible{outline-offset:2px;outline:3px solid #13795b40}.site-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.site-info article{border:1px solid var(--line);background:#ffffffb3;border-radius:14px;padding:20px}.site-info h2{margin:0 0 7px;font:500 18px/1.25 Georgia,serif}.site-info p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.guide-section{border:1px solid var(--line);background:#ffffffc7;border-radius:16px;margin-top:22px;padding:24px 28px}.guide-section>h2{margin:3px 0 16px;font:500 24px/1.2 Georgia,serif}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.guide-grid a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:11px;gap:6px;padding:16px;text-decoration:none;display:grid}.guide-grid a:hover{background:var(--accent-soft);border-color:#b9cac1}.guide-grid a:focus-visible{outline-offset:2px;outline:3px solid #16765738}.guide-grid strong{color:var(--accent-dark);font-size:13px}.guide-grid span{color:var(--muted);font-size:11px;line-height:1.5}.guide-directory-hero{text-align:center;max-width:760px;margin:0 auto;padding:clamp(38px,7vw,78px) 0 34px}.guide-directory-hero h1{font-size:clamp(40px,7vw,64px)}.guide-directory-hero>p:last-child{max-width:620px;color:var(--muted);margin:14px auto 0;font-size:16px;line-height:1.65}.guide-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-index-card{border:1px solid color-mix(in srgb, var(--category-accent) 32%, var(--line));background:linear-gradient(145deg, var(--category-soft), transparent 62%), var(--glass);border-radius:20px;align-content:space-between;gap:24px;min-height:280px;padding:24px;display:grid;box-shadow:0 14px 36px #241d5c14}.guide-index-card-top{color:var(--category-strong);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.guide-index-card h2{margin:0 0 10px;font:500 24px/1.25 Georgia,serif}.guide-index-card h2 a{color:var(--ink);text-decoration:none}.guide-index-card h2 a:hover{color:var(--category-strong)}.guide-index-card h2 a:focus-visible{outline:3px solid var(--category-focus);outline-offset:4px}.guide-index-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.guide-index-card footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-top:15px;font-size:10px;display:flex}.guide-index-card footer a{color:var(--category-strong);font-weight:800;text-decoration:none}.guide-index-card footer a:hover{text-underline-offset:3px;text-decoration:underline}.site-footer{color:var(--muted);justify-content:center;gap:18px;margin:14px 0 0;padding:14px 0;font-size:11px;display:flex}.site-footer a,.back-link{color:inherit;text-underline-offset:3px}.site-footer a:hover,.back-link:hover{color:var(--accent-dark)}.site-footer a:focus-visible,.back-link:focus-visible{outline-offset:3px;outline:3px solid #16765738}.content-shell{width:min(760px,100% - 32px)}.back-link{margin-bottom:18px;font-size:13px;display:inline-block}.content-page{border:1px solid var(--line);background:#fffffff0;border-radius:20px;padding:clamp(24px,5vw,44px);box-shadow:0 18px 48px #26323814}.content-page h1{margin-bottom:6px;font-size:clamp(34px,6vw,48px)}.content-page h2{margin:28px 0 8px;font:500 21px/1.3 Georgia,serif}.content-page p{color:#4f5c57;margin:0;font-size:14px;line-height:1.75}.content-page .updated{color:var(--soft-muted);font-size:11px}.content-page .launch-note{background:#fff8ec;border-left:3px solid #d28a25;padding:12px 14px}.guide-page .guide-intro{font-size:16px;line-height:1.7}.guide-page ul{color:#4f5c57;margin:10px 0 0;padding-left:22px;font-size:14px;line-height:1.7}.typed-guide-page{border-color:color-mix(in srgb, var(--category-accent) 28%, var(--line))}.typed-guide-page h1{margin-top:4px}.typed-guide-page .guide-intro{margin-top:18px}.guide-takeaways{border:1px solid color-mix(in srgb, var(--category-accent) 32%, var(--line));background:var(--category-soft);border-radius:14px;margin:24px 0 4px;padding:18px 20px}.guide-takeaways h2{color:var(--category-strong);margin-top:0}.typed-guide-section p+p{margin-top:10px}.typed-guide-section li+li{margin-top:4px}.guide-example strong{color:var(--ink);font-size:13px}.guide-example p{font-size:12px}.guide-sources{border-top:1px solid var(--line);margin-top:30px;padding-top:4px}.guide-sources a{color:var(--category-strong);text-underline-offset:3px;font-weight:750}.guide-sources small{color:var(--soft-muted);margin-left:6px;display:inline-block}.guide-example{border:1px solid var(--line);background:#f8faf9;border-radius:11px;grid-template-columns:auto 1fr;gap:8px 14px;margin-top:14px;padding:16px;display:grid}.guide-example span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.guide-example code{overflow-wrap:anywhere;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.guide-cta{margin-top:30px!important}.table-scroll{border:1px solid var(--line);border-radius:11px;margin-top:16px;overflow-x:auto}.table-scroll:focus-visible{outline-offset:2px;outline:3px solid #16765738}.guide-page table{border-collapse:collapse;width:100%;min-width:620px;font-size:12px;line-height:1.5}.guide-page th,.guide-page td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 13px}.guide-page tbody tr:last-child>*{border-bottom:0}@media (max-width:1000px){.tool-directory,.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.shell{width:min(100% - 20px,940px);padding-top:28px}.masthead{justify-content:flex-start;align-items:flex-start;gap:14px;margin:0 8px 24px}.brand-mark{border-radius:14px;width:48px;height:48px;font-size:18px}h1{font-size:31px}.intro{font-size:13px}.workspace{border-radius:18px}.panel-heading{gap:12px}.case-options{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid{grid-template-columns:1fr}textarea{min-height:185px}.convert-row{flex-direction:column-reverse;align-items:stretch;gap:10px}.primary{width:100%}.shortcut-hint{text-align:center}.result-tip{display:none}.result-footer{justify-content:flex-end}.explanations-panel ul{grid-template-columns:1fr}.api-callout{flex-direction:column;align-items:flex-start}.api-link{text-align:center;width:100%}.site-info,.guide-grid,.guide-index-grid{grid-template-columns:1fr}.guide-index-card{min-height:240px}.ad-placement{min-height:100px}.privacy-note{text-align:center;padding:0 12px}.site-footer{flex-wrap:wrap;row-gap:10px}.directory-shell{width:min(100% - 24px,1080px);padding-top:14px}.directory-nav{margin-bottom:22px}.directory-links{gap:14px}.directory-links a:nth-child(2),.directory-links a:nth-child(4){display:none}.directory-hero{padding:36px 4px 30px}.directory-hero h1{font-size:40px}.directory-stats{gap:13px}.directory-stats span{gap:2px;display:grid}.directory-section{margin-top:30px}.directory-section-heading{flex-direction:column;align-items:flex-start;gap:8px}.directory-section-heading>p{text-align:left}.tool-directory{grid-template-columns:1fr}.tool-directory .tool-card-featured{grid-column:auto}.tool-card{min-height:0;padding:18px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:180px;padding:16px}.directory-values{grid-template-columns:1fr;gap:18px;padding:24px 8px}.directory-footer{flex-direction:column;align-items:flex-start}.directory-footer nav{justify-content:flex-start}.tool-nav{margin:-6px 4px 26px}.tool-nav>div{gap:13px}.tool-nav>div a:nth-child(3){display:none}.word-counter-input{min-height:230px}.word-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.time-estimates{flex-direction:column;align-items:flex-start;gap:6px}.tool-content-grid,.rich-tool-extras{grid-template-columns:1fr}.related-tools{flex-direction:column;align-items:flex-start}.related-tools>a{width:100%}.not-found-card{border-radius:22px;margin-top:36px;padding:44px 20px 24px}.not-found-actions{flex-direction:column;align-items:stretch}.not-found-suggestions{grid-template-columns:1fr}.not-found-suggestions a{text-align:left;grid-template-columns:auto 1fr;place-items:center start}}@media (max-width:430px){.eyebrow{display:none}.panel-heading p{max-width:230px}.directory-hero .eyebrow,.directory-section .eyebrow{display:block}.directory-brand strong{display:none}.category-grid{grid-template-columns:1fr}.category-card{min-height:150px}.tool-card{grid-template-columns:auto 1fr}.tool-card-arrow{display:none}.word-counter-actions{flex-direction:column;align-items:flex-start;gap:6px}.word-counter-actions>div{justify-content:space-between;width:100%}.word-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.related-tools>a{grid-template-columns:auto 1fr}.related-tools b{grid-column:2}}.uuid-workspace{border:1px solid color-mix(in srgb, var(--category-accent) 28%, var(--line));background:linear-gradient(145deg, var(--category-soft), transparent 48%), var(--glass);border-radius:22px;margin-top:24px;overflow:hidden;box-shadow:0 18px 46px #241d5c17}.uuid-workspace-heading,.uuid-output-heading{justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.uuid-workspace-heading h2,.uuid-output-heading h3{margin:3px 0 0;font:500 22px/1.25 Georgia,serif}.uuid-private-badge{border:1px solid color-mix(in srgb, var(--category-accent) 35%, var(--line));color:var(--category-strong);background:var(--category-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:8px 11px;font-size:10px;font-weight:800}.uuid-controls{grid-template-columns:minmax(260px,.9fr) minmax(280px,1.1fr);gap:18px;padding:0 24px 24px;display:grid}.uuid-version-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.uuid-version-picker legend{color:var(--muted);grid-column:1/-1;margin-bottom:2px;font-size:11px;font-weight:800}.uuid-version-picker label{border:1px solid var(--line);cursor:pointer;background:var(--glass-soft);border-radius:14px;align-items:center;min-height:76px;padding:14px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.uuid-version-picker label:hover{border-color:var(--category-accent);transform:translateY(-1px)}.uuid-version-picker label.is-selected{border-color:var(--category-accent);background:var(--category-soft);box-shadow:inset 0 0 0 1px var(--category-accent)}.uuid-version-picker input{opacity:0;position:absolute}.uuid-version-picker input:focus-visible+span{outline:3px solid var(--category-focus);outline-offset:6px;border-radius:6px}.uuid-version-picker span,.uuid-check span{gap:4px;display:grid}.uuid-version-picker strong,.uuid-check strong{color:var(--ink);font-size:12px}.uuid-version-picker small,.uuid-check small,.uuid-count-label small{color:var(--soft-muted);font-size:9px;line-height:1.4}.uuid-options{grid-template-columns:.75fr 1fr 1.15fr;gap:10px;display:grid}.uuid-count-label,.uuid-check{border:1px solid var(--line);background:var(--glass-soft);min-width:0;color:var(--muted);border-radius:14px;align-content:center;gap:5px;padding:12px;font-size:10px;font-weight:800;display:grid}.uuid-count-label input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--field);font:inherit;border-radius:9px;padding:9px 10px}.uuid-check{cursor:pointer;grid-template-columns:auto 1fr;align-items:center}.uuid-check input{width:18px;height:18px;accent-color:var(--category-accent)}.uuid-generate{grid-column:1/-1;min-height:48px}.uuid-output-shell{border-top:1px solid var(--line);background:color-mix(in srgb, var(--field) 74%, transparent)}.uuid-output-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.uuid-output-list{counter-reset:uuid-row;max-height:390px;margin:0;padding:0 24px 22px;list-style:none;overflow:auto}.uuid-output-list li{counter-increment:uuid-row;border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:49px;padding:7px 9px;display:grid}.uuid-output-list li:before{content:counter(uuid-row);color:var(--soft-muted);text-align:right;font-size:9px;font-weight:800}.uuid-output-list code{color:var(--category-strong);white-space:nowrap;font:700 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.uuid-output-list button{border:1px solid var(--line);color:var(--muted);background:var(--glass-strong);font:inherit;cursor:pointer;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.uuid-output-list button:hover{border-color:var(--category-accent);color:var(--category-strong)}.uuid-empty{min-height:118px;color:var(--soft-muted);text-align:center;place-items:center;margin:0;padding:24px;font-size:11px;display:grid}.uuid-feedback{border-top:1px solid var(--line);align-content:center;min-height:46px;padding:9px 24px 14px;display:grid}.uuid-feedback p{color:var(--muted);margin:0;font-size:10px}.uuid-feedback [role=alert]{color:var(--danger,#b43a50);font-weight:750}@media (max-width:760px){.uuid-controls{grid-template-columns:1fr}.uuid-options{grid-template-columns:repeat(2,minmax(0,1fr))}.uuid-count-label{grid-column:1/-1}}@media (max-width:520px){.uuid-workspace-heading,.uuid-output-heading{flex-direction:column;align-items:flex-start;padding:18px}.uuid-controls{padding:0 18px 18px}.uuid-version-picker,.uuid-options{grid-template-columns:1fr}.uuid-count-label{grid-column:auto}.uuid-output-actions{justify-content:flex-start}.uuid-output-list{padding:0 10px 16px}.uuid-output-list li{grid-template-columns:22px minmax(0,1fr)}.uuid-output-list button{grid-column:2;justify-self:start}.uuid-feedback{padding-inline:18px}}.timestamp-workspace{border:1px solid color-mix(in srgb, var(--category-accent) 28%, var(--line));background:linear-gradient(145deg, var(--category-soft), transparent 48%), var(--glass);border-radius:22px;margin-top:24px;overflow:hidden;box-shadow:0 18px 46px #241d5c17}.timestamp-tabs{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--field) 64%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.timestamp-tabs button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:11px;font-weight:800}.timestamp-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg, var(--category-accent), var(--category-strong));box-shadow:0 8px 22px color-mix(in srgb, var(--category-accent) 24%, transparent)}.timestamp-panel-heading,.timestamp-output-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.timestamp-panel-heading{padding:22px 24px 16px}.timestamp-panel-heading h2{margin:3px 0 0;font:500 22px/1.25 Georgia,serif}.timestamp-panel-heading>span{border:1px solid color-mix(in srgb, var(--category-accent) 30%, var(--line));color:var(--category-strong);background:var(--category-soft);text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:800}.timestamp-input-grid{grid-template-columns:minmax(0,1.35fr) minmax(210px,.85fr);gap:12px;padding:0 24px 22px;display:grid}.timestamp-input-grid>label{color:var(--muted);align-content:start;gap:7px;font-size:10px;font-weight:800;display:grid}.timestamp-input-grid input,.timestamp-input-grid select{border:1px solid var(--line);width:100%;min-width:0;min-height:46px;color:var(--ink);background:var(--field);border-radius:11px;outline:0;padding:11px 12px;font:600 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.timestamp-input-grid input:focus,.timestamp-input-grid select:focus{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.timestamp-input-grid small{color:var(--soft-muted);font-size:9px;font-weight:500;line-height:1.45}.timestamp-input-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;display:flex}.timestamp-input-actions button{min-height:42px}.timestamp-output{border-top:1px solid var(--line);background:color-mix(in srgb, var(--field) 72%, transparent)}.timestamp-output-heading{padding:17px 24px 8px}.timestamp-output-heading>span{color:var(--ink);font-size:12px;font-weight:800}.timestamp-output-heading small{color:var(--soft-muted);font-size:9px}.timestamp-output dl{gap:8px;margin:0;padding:8px 24px 20px;display:grid}.timestamp-output dl>div{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;grid-template-columns:minmax(110px,.28fr) minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px;display:grid}.timestamp-output dt{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.timestamp-output dd{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin:0;display:grid}.timestamp-output code{color:var(--category-strong);white-space:nowrap;font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.timestamp-output dd button{border:1px solid var(--line);color:var(--muted);background:var(--glass-strong);font:inherit;cursor:pointer;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.timestamp-empty{min-height:112px;color:var(--soft-muted);text-align:center;place-items:center;margin:0;padding:24px;font-size:11px;display:grid}.timestamp-feedback{border-top:1px solid var(--line);align-content:center;min-height:45px;padding:9px 24px 14px;display:grid}.timestamp-feedback p{color:var(--muted);margin:0;font-size:10px}.timestamp-feedback [role=alert]{color:var(--danger,#b43a50);font-weight:750}@media (max-width:680px){.timestamp-input-grid{grid-template-columns:1fr}.timestamp-input-actions{grid-column:auto}}@media (max-width:520px){.timestamp-tabs{grid-template-columns:1fr}.timestamp-panel-heading{flex-direction:column;align-items:flex-start;padding:18px}.timestamp-input-grid{padding:0 18px 18px}.timestamp-input-actions{flex-direction:column;align-items:stretch}.timestamp-output-heading{padding-inline:18px}.timestamp-output dl{padding-inline:12px}.timestamp-output dl>div{grid-template-columns:1fr}.timestamp-feedback{padding-inline:18px}}.json-csv-workspace{gap:12px;margin-top:24px;display:grid}.json-csv-tabs{border:1px solid color-mix(in srgb, var(--category-accent) 28%, var(--line));background:var(--glass-strong);box-shadow:var(--shadow-soft);border-radius:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.json-csv-tabs button{min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:10px;font-weight:850}.json-csv-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg, var(--category-accent), var(--category-strong));box-shadow:0 9px 23px color-mix(in srgb, var(--category-accent) 24%, transparent)}.json-csv-panel{border:1px solid color-mix(in srgb, var(--category-accent) 24%, var(--line));background:linear-gradient(145deg, var(--category-soft), transparent 48%), var(--glass);border-radius:22px;overflow:hidden;box-shadow:0 18px 46px #241d5c17}.json-csv-toolbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--field) 62%, transparent);align-items:center;gap:12px;min-height:78px;padding:14px 20px;display:flex}.json-csv-toolbar>label:first-child{min-width:150px;color:var(--muted);gap:5px;font-size:9px;font-weight:800;display:grid}.json-csv-toolbar select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--field);font:inherit;border-radius:9px;padding:7px 10px;font-size:10px}.json-csv-check{border:1px solid var(--line);background:var(--glass-soft);cursor:pointer;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:9px 11px;display:grid}.json-csv-check input{width:17px;height:17px;accent-color:var(--category-accent)}.json-csv-check span{gap:2px;display:grid}.json-csv-check strong{color:var(--ink);font-size:9px}.json-csv-check small{color:var(--soft-muted);font-size:8px;line-height:1.35}.json-csv-editors{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.json-csv-editor{min-width:0;padding:20px}.json-csv-editor:first-child{border-right:1px solid var(--line)}.json-csv-result{background:color-mix(in srgb, var(--field) 60%, transparent)}.json-csv-editor-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-height:45px;display:flex}.json-csv-editor-heading h2{margin:2px 0 0;font:500 19px/1.25 Georgia,serif}.json-csv-editor-heading>span{color:var(--soft-muted);font-size:8px}.json-csv-editor textarea,.json-csv-editor pre{border:1px solid var(--line);width:100%;min-height:330px;max-height:520px;color:var(--ink);background:var(--field);white-space:pre;tab-size:2;border-radius:13px;outline:0;margin:9px 0 0;padding:15px;font:600 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.json-csv-editor textarea{resize:vertical}.json-csv-editor textarea:focus,.json-csv-editor pre:focus{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.json-csv-input-actions,.json-csv-result-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:11px;display:flex}.json-csv-input-actions button,.json-csv-result-actions button{min-height:38px}.json-csv-result .json-error{min-height:330px;margin-top:9px}.json-csv-status{border-top:1px solid var(--line);min-height:42px;color:var(--muted);align-content:center;margin:0;padding:9px 20px 13px;font-size:9px;display:grid}@media (max-width:780px){.json-csv-toolbar{flex-direction:column;align-items:stretch}.json-csv-editors{grid-template-columns:1fr}.json-csv-editor:first-child{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:520px){.json-csv-tabs{grid-template-columns:1fr}.json-csv-editor{padding:16px}.json-csv-editor textarea,.json-csv-editor pre{min-height:270px}.json-csv-input-actions,.json-csv-result-actions{flex-direction:column;align-items:stretch}}.pdf-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;padding:clamp(22px,4vw,34px)}.pdf-tool-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.pdf-tool-heading h2{margin:3px 0 0;font:500 27px/1.2 Georgia,serif}.pdf-tool-heading>div>p:last-child{max-width:600px;color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.55}.pdf-tool-heading>span{color:var(--accent-dark);flex:none;font-size:10px}.pdf-drop-zone{border:1px dashed color-mix(in srgb, var(--accent) 50%, var(--line));background:var(--glass-soft);cursor:pointer;text-align:center;border-radius:18px;align-content:center;place-items:center;gap:7px;min-height:190px;margin-top:22px;padding:24px;transition:border-color .18s,background .18s,transform .18s;display:grid}.pdf-drop-zone:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.pdf-drop-zone:focus-within{outline:3px solid var(--focus);outline-offset:3px}.pdf-drop-zone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.pdf-drop-zone>span{color:#fff;background:linear-gradient(135deg,#eb5968,#b84175);border-radius:14px;place-items:center;min-width:58px;height:54px;padding:0 10px;font:800 11px/1 Georgia,serif;display:grid;box-shadow:0 10px 24px #c8375c3d}.pdf-drop-zone strong{color:var(--ink);font-size:13px}.pdf-drop-zone small{color:var(--soft-muted);font-size:9px}.pdf-file-list{gap:7px;margin-top:14px;display:grid}.pdf-file-list>div{border:1px solid var(--line);background:var(--field);border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px 12px;display:grid}.pdf-file-list>div>span{color:#ee6670;background:#ef5c671f;border-radius:8px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:800;display:grid}.pdf-file-list strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.pdf-file-list small{color:var(--soft-muted);font-size:9px}.pdf-file-list button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:18px;display:grid}.pdf-file-list button:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent)}.pdf-options{margin-top:16px}.pdf-options:empty{display:none}.pdf-options label,.pdf-options .pdf-order-option{border:1px solid var(--line);background:var(--glass-soft);color:var(--muted);border-radius:12px;grid-template-columns:minmax(130px,.35fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;font-size:10px;font-weight:750;display:grid}.pdf-options .pdf-order-option>label{background:0 0;border:0;border-radius:0;padding:0;display:block}.pdf-options input:not([type=range]),.pdf-options select{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--field);font:inherit;border-radius:9px;outline:0;padding:11px 12px}.pdf-options input:focus,.pdf-options select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.pdf-options input[type=range]{width:100%;accent-color:var(--accent)}.pdf-options output{min-width:38px;color:var(--accent-dark);text-align:right}#pdfDeleteSummary,#pdfOrderSummary{text-align:left;grid-column:2/-1;min-width:0}.pdf-order-shortcuts{gap:7px;display:flex}.pdf-order-shortcuts button{border:1px solid var(--line);color:var(--accent-dark);background:var(--field);cursor:pointer;font:inherit;border-radius:9px;padding:9px 12px}.pdf-order-shortcuts button:hover{border-color:var(--accent);background:var(--accent-soft)}.pdf-options small{color:var(--soft-muted);grid-column:2/-1;font-size:9px;font-weight:500;line-height:1.5}.pdf-error{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:10px;margin:14px 0 0;padding:11px 13px;font-size:10px}.pdf-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;display:flex}@media (max-width:700px){.pdf-tool-heading{flex-direction:column;gap:8px}}@media (max-width:430px){.pdf-options label,.pdf-options .pdf-order-option{grid-template-columns:1fr auto}.pdf-options label>span,.pdf-order-option>label{background:0 0;border:0;grid-column:1/-1;padding:0}.pdf-options small,#pdfDeleteSummary,#pdfOrderSummary,.pdf-order-shortcuts{grid-column:1/-1}.pdf-actions{flex-direction:column-reverse;align-items:stretch}.pdf-actions .primary{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.case-option input:checked+span,.case-change,.primary,.api-link{border:1px solid buttontext}.case-change{forced-color-adjust:none;color:canvastext;background:mark}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17172e;--muted:#5c627b;--soft-muted:#6d7289;--line:#5b52a833;--canvas:#f3f0ff;--accent:#6657e8;--accent-dark:#4338ca;--accent-soft:#6657e81f;--cyan:#08a9db;--pink:#c83edc;--danger:#b53550;--glass:#ffffffa8;--glass-strong:#ffffffd1;--glass-soft:#ffffff7a;--field:#ffffffd6;--shadow:0 22px 65px #362b7c24;--shadow-soft:0 12px 36px #362b7c17;--focus:#6657e84d;--json-key:#315fbe;--json-string:#137c4a;--json-number:#9a5700;--json-boolean:#a52d74;--json-null:#6d7289;--json-punctuation:#34344f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f6f4ff;--muted:#bec3dc;--soft-muted:#aeb4d0;--line:#b2b7ff33;--canvas:#08091d;--accent:#9b8cff;--accent-dark:#c2b8ff;--accent-soft:#8b7bff2b;--cyan:#32d1ff;--pink:#ef6cff;--danger:#ff879b;--glass:#111334a8;--glass-strong:#121539d6;--glass-soft:#1a1d4480;--field:#07091ec7;--shadow:0 24px 72px #00000061;--shadow-soft:0 14px 42px #0000003d;--focus:#9b8cff66;--json-key:#85b2ff;--json-string:#73df87;--json-number:#ffd15c;--json-boolean:#ff75b5;--json-null:#aeb4d0;--json-punctuation:#f6f4ff}html{background:var(--canvas)}body{isolation:isolate;color:var(--ink);background:radial-gradient(circle at 8% 5%, #1cb8ee45, transparent 31rem), radial-gradient(circle at 91% 12%, #db44de3b, transparent 29rem), radial-gradient(circle at 70% 93%, #6953f133, transparent 32rem), linear-gradient(145deg, #eef8ff 0%, var(--canvas) 48%, #faeeff 100%);background-attachment:fixed;position:relative}:root[data-theme=dark] body{background:radial-gradient(circle at 8% 4%, #0075d54d, transparent 31rem), radial-gradient(circle at 92% 14%, #a519d245, transparent 30rem), radial-gradient(circle at 66% 94%, #4026be3d, transparent 33rem), linear-gradient(145deg, #040615 0%, var(--canvas) 49%, #100522 100%)}body:before,body:after{z-index:-1;content:"";pointer-events:none;position:fixed}body:before{filter:blur(2px);opacity:.78;background:linear-gradient(145deg,#ff63b052,#ffb5442e 45%,#6752ee4d);border-radius:50%;width:23rem;height:23rem;top:10vh;right:-7rem}body:after{filter:blur(8px);background:linear-gradient(145deg,#16c5eb42,#6142e652 58%,#d33ada40);border-radius:42% 58% 68% 32%;width:29rem;height:29rem;bottom:-9rem;left:-8rem}.shell{z-index:1;position:relative}h1,.directory-section-heading h2,.tool-card-copy>strong,.category-card strong,.tool-content-grid h2,.related-tools h2,.api-callout h2,.site-info h2,.guide-section>h2,.content-page h2{letter-spacing:-.025em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:750}.directory-nav,.tool-nav{border:1px solid var(--line);background:var(--glass-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);border-radius:18px;padding:10px 12px 10px 14px}.directory-brand>span,.tool-nav-brand>span,.brand-mark{background:linear-gradient(145deg,#08b9e9,#6952ef 54%,#c63adb);border:1px solid #ffffff59;box-shadow:0 8px 24px #5d43da47,inset 0 1px #fff6}.directory-links,.tool-nav>div{gap:8px}.directory-links a,.tool-nav a{color:var(--muted);border-radius:9px;padding:8px 9px}.directory-links a:hover,.tool-nav a:hover{color:var(--ink);background:var(--accent-soft)}.theme-toggle{border:1px solid var(--line);min-height:34px;color:var(--ink);background:var(--glass-strong);border-radius:10px;padding:0 10px;font-size:11px;box-shadow:inset 0 1px #ffffff40}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px}.theme-toggle-floating{z-index:20;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;top:18px;right:18px}.eyebrow{color:var(--accent);background:linear-gradient(90deg, var(--cyan), var(--accent), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.directory-hero h1,.tool-page-heading h1{background:linear-gradient(110deg, var(--ink) 15%, var(--accent) 62%, var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tool-search,.workspace,.word-counter-workspace,.content-page,.not-found-card{border-color:var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%)}.tool-card,.category-card,.tool-content-grid article,.related-tools,.api-callout,.site-info article,.guide-section,.ad-placement{border-color:var(--line);background:var(--glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%)}.tool-card:hover,a.category-card:hover{background:var(--glass-strong);border-color:#6657e885;box-shadow:0 20px 48px #4b35aa2b}.tool-card-icon,.category-icon{color:var(--accent-dark);background:linear-gradient(145deg,#1fc1e62e,#6657e82e,#d13fd824);box-shadow:inset 0 1px #ffffff47}.tool-card-status,.tool-card-tags span{color:var(--accent-dark);border-color:var(--line);background:var(--accent-soft)}.directory-values{border-color:var(--line)}textarea,.style-select select,.result-box,.case-option input:checked+span,kbd,.copy-button,.related-tools>a,.guide-grid a{color:var(--ink);border-color:var(--line);background:var(--field)}textarea::placeholder{color:var(--soft-muted)}textarea:hover{border-color:#6657e86b}textarea:focus,.tool-search:focus-within{border-color:var(--accent);background:var(--field);box-shadow:0 0 0 4px var(--focus), var(--shadow-soft)}.case-options,.convert-row,.result-panel,.word-stats div,.check-option,.custom-terms,.guide-example{color:var(--ink);border-color:var(--line);background:var(--glass-soft)}.convert-row{border-top-color:var(--line);border-bottom-color:var(--line)}.style-select,.custom-terms summary,.check-option strong,.content-page p,.guide-page ul{color:var(--ink)}.content-page p,.guide-page ul{opacity:.82}.primary,.api-link{color:#fff;background:linear-gradient(110deg,#08a9db,#6657e8 58%,#b83fcf);box-shadow:0 10px 28px #5b45d74d,inset 0 1px #ffffff4d}.primary:hover:not(:disabled),.api-link:hover{background:linear-gradient(110deg,#0795c3,#5545d4 58%,#a333b9);box-shadow:0 13px 32px #5b45d761}.copy-button:hover:not(:disabled),.related-tools>a:hover,.guide-grid a:hover,.text-button:hover:not(:disabled){color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.word-stats dd,.guide-grid strong{color:var(--accent-dark)}.ad-placement p{color:var(--soft-muted)}.content-page .launch-note{background:#ffae3e1f;border-left-color:#df8a2d}.guide-page thead th{color:var(--accent-dark);background:var(--accent-soft)}.directory-brand:focus-visible,.directory-links a:focus-visible,.tool-nav a:focus-visible,.theme-toggle:focus-visible,button:focus-visible,.tool-card:focus-visible,a.category-card:focus-visible,.related-tools>a:focus-visible,.guide-grid a:focus-visible,.site-footer a:focus-visible,.back-link:focus-visible{outline-color:var(--focus)}@media (max-width:640px){.directory-nav,.tool-nav{border-radius:15px;padding:8px 9px}.directory-links a,.tool-nav a{padding:7px 5px}.theme-toggle{padding:0 9px}.theme-toggle span{display:none}.tool-nav{margin:-6px 0 26px}body:before{right:-14rem}body:after{left:-16rem}}@media (prefers-reduced-transparency:reduce){.directory-nav,.tool-nav,.tool-search,.workspace,.word-counter-workspace,.content-page,.not-found-card,.tool-card,.category-card,.tool-content-grid article,.related-tools,.api-callout,.site-info article,.guide-section{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){body{background:canvas}body:before,body:after{display:none}.theme-toggle{border:1px solid buttontext}.directory-hero h1,.tool-page-heading h1,.eyebrow{color:canvastext;-webkit-text-fill-color:currentColor;background:0 0}}.percentage-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:24px;padding:clamp(20px,4vw,32px)}.percentage-intro{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.percentage-intro h2{margin:0;font-size:16px}.percentage-intro p{color:var(--muted);margin:4px 0 0;font-size:11px}#calculationStatus{color:var(--accent-dark);text-align:right;font-size:11px;font-weight:700}.percentage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.percentage-card{border:1px solid var(--line);background:var(--glass);min-width:0;min-height:265px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-radius:17px;flex-direction:column;padding:22px;display:flex}.percentage-card-heading{align-items:flex-start;gap:10px;min-height:46px;display:flex}.percentage-card-heading>span{width:28px;height:28px;color:var(--accent-dark);background:var(--accent-soft);border-radius:9px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.percentage-card-heading h2{letter-spacing:-.01em;margin:2px 0 0;font-size:14px;line-height:1.35}.percentage-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:9px;margin-top:15px;display:grid}.percentage-equation-adjust{grid-template-columns:repeat(3,minmax(0,1fr))}.percentage-equation label{min-width:0;color:var(--muted);text-transform:uppercase;gap:6px;font-size:9px;font-weight:750;display:grid}.percentage-equation input,.percentage-equation select{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:var(--field);font:inherit;text-transform:none;border-radius:10px;outline:0;padding:0 11px;font-size:14px;font-weight:650}.percentage-equation input:hover,.percentage-equation select:hover{border-color:#6657e86b}.percentage-equation input:focus,.percentage-equation select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.number-field{display:block;position:relative}.number-field input{padding-right:30px}.number-field b{color:var(--muted);font-size:12px;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.equation-word{color:var(--muted);align-self:end;padding-bottom:13px;font-size:10px;font-weight:700}.percentage-result{border:1px solid var(--line);background:var(--field);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:54px;margin-top:16px;padding:8px 9px 8px 13px;display:grid}.percentage-result>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.percentage-result output{overflow-wrap:anywhere;min-width:0;color:var(--accent-dark);font-size:20px;font-weight:800;line-height:1.2}.percentage-result output.percentage-error{color:var(--danger);font-size:11px}.percentage-copy{min-height:32px;padding-inline:10px}.percentage-formula{color:var(--soft-muted);margin:auto 0 0;padding-top:12px;font-size:9px;line-height:1.4}.percentage-formula span{color:var(--accent);margin-right:4px;font-weight:800}.percentage-actions{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.percentage-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.percentage-examples article{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;gap:6px;padding:16px;display:grid}.percentage-examples strong{font-size:12px}.percentage-examples span{color:var(--muted);font-size:10px;line-height:1.55}@media (max-width:720px){.percentage-grid{grid-template-columns:1fr}.percentage-card{min-height:250px}.percentage-examples{grid-template-columns:1fr}}@media (max-width:430px){.percentage-intro{flex-direction:column;gap:7px}#calculationStatus{text-align:left}.percentage-card{min-height:0;padding:17px}.percentage-equation-adjust{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-equation-adjust label:nth-child(2){grid-area:1/1/auto/-1}.percentage-result{gap:8px}.percentage-result output{font-size:18px}.percentage-copy{padding-inline:8px}}.compound-workspace{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;display:grid}.compound-form,.compound-results{border:1px solid var(--line);background:var(--glass-strong);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:22px;padding:clamp(20px,4vw,28px)}.compound-form-heading,.compound-results-heading,.compound-projection-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.compound-form-heading{margin-bottom:18px}.compound-form-heading h2,.compound-results-heading h2{margin:0;font-size:16px}.compound-form-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}#compoundStatus{color:var(--accent-dark);text-align:right;font-size:10px;font-weight:750}.compound-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compound-input-grid>label{min-width:0;color:var(--muted);text-transform:uppercase;gap:6px;font-size:9px;font-weight:750;display:grid}.compound-input-grid input,.compound-input-grid select{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:var(--field);font:inherit;text-transform:none;border-radius:10px;outline:0;padding:0 11px;font-size:12px;font-weight:650}.compound-input-grid input:hover,.compound-input-grid select:hover{border-color:#6657e86b}.compound-input-grid input:focus,.compound-input-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.compound-money-field{display:block;position:relative}.compound-money-field b{color:var(--muted);font-size:11px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.compound-money-field input{padding-left:27px}.compound-year-field input{padding-right:50px}.compound-year-field b{font-size:9px}.compound-form-actions{justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-top:13px;display:flex}#compoundError{color:var(--danger);text-align:right;margin:0;font-size:9px;line-height:1.35}.compound-results{flex-direction:column;display:flex}.compound-results-heading .eyebrow{margin-bottom:4px}.compound-total{overflow-wrap:anywhere;color:var(--accent-dark);letter-spacing:-.055em;margin-top:25px;font-size:clamp(36px,6vw,52px);font-weight:800;line-height:1;display:block}.compound-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:24px 0 0;display:grid}.compound-summary div{border:1px solid var(--line);background:var(--glass-soft);border-radius:11px;min-width:0;padding:12px 10px}.compound-summary dt{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:750;line-height:1.25}.compound-summary dd{overflow-wrap:anywhere;color:var(--ink);margin:7px 0 0;font-size:12px;font-weight:800}.compound-breakdown{border:1px solid var(--line);background:var(--glass-soft);border-radius:999px;height:12px;margin-top:22px;display:flex;overflow:hidden}.compound-breakdown span{height:100%;transition:width .2s;display:block}#contributionBar{background:linear-gradient(90deg, var(--cyan), var(--accent))}#interestBar{background:linear-gradient(90deg, var(--accent), var(--pink))}.compound-legend{color:var(--muted);flex-wrap:wrap;gap:9px 18px;margin-top:9px;font-size:8px;display:flex}.compound-legend span{align-items:center;gap:5px;display:flex}.compound-legend i{background:var(--cyan);border-radius:50%;width:7px;height:7px;display:block}.compound-legend span:nth-child(2) i{background:var(--pink)}.compound-disclaimer{color:var(--soft-muted);margin:auto 0 0;padding-top:24px;font-size:9px;line-height:1.55}.compound-projection-heading{align-items:end}.compound-projection-heading>div>h2{margin-bottom:0}.compound-projection-heading>span{color:var(--muted);font-size:9px}.compound-projection .table-scroll{max-height:430px;overflow:auto}.compound-projection table{min-width:600px}.compound-projection tbody th{color:var(--accent-dark)}.compound-projection tbody td{font-variant-numeric:tabular-nums}.compound-sources p:last-child{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.compound-sources a{color:var(--accent-dark);text-underline-offset:3px;font-weight:700}@media (max-width:760px){.compound-workspace{grid-template-columns:1fr}.compound-results{min-height:390px}}@media (max-width:430px){.compound-input-grid{grid-template-columns:1fr}.compound-results-heading{flex-direction:column;align-items:flex-start}.compound-total{margin-top:20px;font-size:38px}.compound-summary{grid-template-columns:1fr}.compound-summary div{justify-content:space-between;align-items:center;gap:12px;display:flex}.compound-summary dd{text-align:right;margin-top:0}.compound-results{min-height:0}.compound-disclaimer{padding-top:20px}.compound-projection-heading{flex-direction:column;align-items:flex-start;gap:4px}}.password-workspace{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px;display:grid}.password-output-panel,.password-options{border:1px solid var(--line);background:var(--glass-strong);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:22px;padding:clamp(20px,4vw,28px)}.password-output-panel{flex-direction:column;min-height:430px;display:flex}.password-heading-row,.password-options-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.password-heading-row .eyebrow{margin-bottom:4px}.password-heading-row h2,.password-options-heading h2{margin:0;font-size:16px}.password-options-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}#passwordStatus{color:var(--accent-dark);text-align:right;font-size:10px;font-weight:750}.password-display{border:1px solid var(--line);background:var(--field);border-radius:15px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;margin-top:22px;padding:18px;display:grid}.password-display output{overflow-wrap:anywhere;min-width:0;color:var(--accent-dark);letter-spacing:.025em;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(20px,3.2vw,29px);font-weight:750;line-height:1.35}.password-primary-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.password-primary-actions button{min-height:46px}.password-strength{margin-top:auto;padding-top:27px}.password-strength>div:first-child{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:750;display:flex}.password-strength strong{color:var(--accent-dark)}.password-strength-track{border:1px solid var(--line);background:var(--glass-soft);border-radius:99px;height:9px;margin-top:8px;overflow:hidden}.password-strength-track span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--accent), var(--pink));height:100%;transition:width .2s;display:block}.password-strength-track span[data-level=limited]{background:#d66a54}.password-strength-track span[data-level=good]{background:linear-gradient(90deg, #dd9b35, var(--cyan))}.password-strength p{color:var(--soft-muted);margin:8px 0 0;font-size:9px;line-height:1.5}.password-length-control{margin-top:20px}.password-length-control>label,.password-character-options legend{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:750}.password-length-control>div{grid-template-columns:1fr 64px;align-items:center;gap:12px;margin-top:7px;display:grid}.password-length-control input[type=range]{width:100%;accent-color:var(--accent)}.password-length-control input[type=number]{border:1px solid var(--line);width:64px;height:39px;color:var(--ink);background:var(--field);font:inherit;text-align:center;border-radius:10px;outline:0;padding:0 8px;font-size:12px;font-weight:750}.password-length-control input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.password-character-options{border:0;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 0;padding:0;display:grid}.password-character-options legend{margin-bottom:8px}.password-character-options label,.password-ambiguous-option{border:1px solid var(--line);background:var(--glass-soft);cursor:pointer;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.password-character-options input,.password-ambiguous-option input{width:17px;height:17px;accent-color:var(--accent);flex:none}.password-character-options span,.password-ambiguous-option span{gap:2px;min-width:0;display:grid}.password-character-options strong,.password-ambiguous-option strong{color:var(--ink);font-size:10px}.password-character-options small,.password-ambiguous-option small{color:var(--muted);font-size:8px}.password-ambiguous-option{margin-top:9px}#passwordError{min-height:14px;color:var(--danger);margin:10px 0 0;font-size:9px;line-height:1.4}.password-guidance .password-sources{color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.65}.password-sources a{color:var(--accent-dark);text-underline-offset:3px;font-weight:700}.tool-content-grid code{font-size:.9em}@media (max-width:780px){.password-workspace{grid-template-columns:1fr}.password-output-panel{min-height:390px}}@media (max-width:430px){.password-output-panel,.password-options{padding:18px}.password-heading-row{min-height:47px}.password-display{grid-template-columns:1fr;align-items:start;min-height:142px}.password-display .copy-button{justify-self:end}.password-primary-actions,.password-character-options{grid-template-columns:1fr}.password-output-panel{min-height:455px}}.date-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:24px;padding:clamp(20px,4vw,30px)}.date-intro{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.date-intro h2{margin:0;font-size:16px}.date-intro p{color:var(--muted);margin:4px 0 0;font-size:10px}#dateStatus{color:var(--accent-dark);text-align:right;font-size:10px;font-weight:750}.date-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.date-card{border:1px solid var(--line);background:var(--glass);min-width:0;min-height:350px;box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;padding:19px;display:flex}.date-card-heading{align-items:flex-start;gap:9px;min-height:51px;display:flex}.date-card-heading>span{width:28px;height:28px;color:var(--accent-dark);background:var(--accent-soft);border-radius:9px;flex:none;place-items:center;font-size:9px;font-weight:800;display:grid}.date-card-heading h2{margin:1px 0 0;font-size:13px;line-height:1.3}.date-card-heading p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.4}.date-fields{gap:10px;margin-top:15px;display:grid}.date-fields label{min-width:0;color:var(--muted);text-transform:uppercase;gap:5px;font-size:8px;font-weight:750;display:grid}.date-fields input,.date-fields select{border:1px solid var(--line);width:100%;min-width:0;height:41px;color:var(--ink);background:var(--field);font:inherit;text-transform:none;border-radius:10px;outline:0;padding:0 9px;font-size:11px;font-weight:650}.date-fields input:hover,.date-fields select:hover{border-color:#6657e86b}.date-fields input:focus,.date-fields select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.date-adjust-row{grid-template-columns:.9fr 1.1fr;gap:8px;display:grid}.date-result{grid-template-columns:1fr auto;align-items:center;gap:5px 8px;margin-top:auto;padding-top:17px;display:grid}.date-result>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;grid-column:1/-1;font-size:8px;font-weight:800}.date-result output{overflow-wrap:anywhere;min-width:0;color:var(--accent-dark);font-size:20px;font-weight:800;line-height:1.2}.date-result small{min-height:25px;color:var(--soft-muted);grid-area:3/1/auto/-1;font-size:8px;line-height:1.4}.date-result .date-copy{grid-area:2/2;min-height:32px;padding-inline:10px}.date-actions{justify-content:flex-end;gap:18px;margin-top:14px;display:flex}@media (max-width:820px){.date-grid{grid-template-columns:1fr 1fr}.date-card:last-child{grid-column:1/-1;min-height:300px}}@media (max-width:600px){.date-grid{grid-template-columns:1fr}.date-card,.date-card:last-child{grid-column:auto;min-height:330px}.date-actions{flex-wrap:wrap;justify-content:space-between;gap:10px}}.heic-workspace{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:18px;margin-top:20px;display:grid}.heic-control-panel,.heic-preview-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--glass) 92%, transparent);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-radius:23px;min-width:0;padding:clamp(20px,3vw,30px);box-shadow:0 18px 48px #241d5c17}.heic-control-panel{flex-direction:column;display:flex}.heic-drop-zone{min-height:280px}.heic-drop-zone .image-drop-icon{letter-spacing:.04em;width:auto;min-width:58px;padding:0 9px;font-size:11px}.heic-source-row{border:1px solid var(--line);background:var(--field);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:20px;padding:14px;display:grid}.heic-source-row>span{border:1px solid color-mix(in srgb, var(--category-accent,var(--accent)) 34%, var(--line));width:48px;height:48px;color:var(--category-strong,var(--accent-dark));background:var(--category-soft,var(--accent-soft));letter-spacing:.04em;border-radius:13px;place-items:center;font-size:10px;font-weight:900;display:grid}.heic-source-row div{gap:4px;min-width:0;display:grid}.heic-source-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.heic-source-row small,.heic-format-note{color:var(--muted);font-size:11px;line-height:1.6}.heic-settings{grid-template-columns:minmax(0,1fr) minmax(170px,.55fr);gap:13px;margin-top:16px;display:grid}.heic-settings>label{border:1px solid var(--line);background:var(--field);color:var(--muted);border-radius:14px;align-content:start;gap:9px;padding:14px;font-size:11px;font-weight:750;display:grid}.heic-settings input[type=range]{width:100%;accent-color:var(--category-accent,var(--accent))}.heic-color-control{align-items:center;gap:9px;display:flex}.heic-color-control input{border:1px solid var(--line);background:var(--field);border-radius:8px;width:42px;height:34px;padding:3px}.heic-color-control code{color:var(--ink);font-size:11px}.heic-format-note{border:1px solid var(--line);background:var(--field);border-radius:13px;margin:16px 0 0;padding:13px 14px}.heic-convert-button{width:100%;min-height:48px;margin-top:16px}.heic-preview-panel{flex-direction:column;display:flex}.heic-preview-frame{border:1px dashed color-mix(in srgb, var(--category-accent,var(--accent)) 34%, var(--line));background:linear-gradient(135deg, var(--category-soft,var(--accent-soft)), transparent), var(--field);border-radius:17px;place-items:center;min-height:300px;margin:18px 0 14px;display:grid;overflow:hidden}.heic-preview-frame img{object-fit:contain;width:100%;max-height:430px;display:block}.heic-preview-frame>span{color:var(--category-strong,var(--accent-dark));opacity:.55;font:800 28px/1 sans-serif}@media (max-width:900px){.heic-workspace{grid-template-columns:1fr}.heic-preview-frame{min-height:240px}}@media (max-width:600px){.heic-source-row{grid-template-columns:auto minmax(0,1fr)}.heic-source-row .text-button{grid-column:1/-1}.heic-settings{grid-template-columns:1fr}}@media (max-width:430px){.date-intro{flex-direction:column;gap:6px}#dateStatus{text-align:left}.date-card{min-height:315px;padding:17px}}.qr-workspace{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:14px;display:grid}.qr-options,.qr-preview-panel{border:1px solid var(--line);background:var(--glass-strong);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:22px;padding:clamp(20px,4vw,28px)}.qr-heading-row,.qr-preview-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.qr-heading-row h2,.qr-preview-heading h2{margin:0;font-size:16px}.qr-heading-row p{color:var(--muted);margin:4px 0 0;font-size:9px}#qrStatus{max-width:170px;color:var(--accent-dark);text-align:right;font-size:9px;font-weight:750}.qr-content-label{color:var(--muted);text-transform:uppercase;gap:6px;margin-top:18px;font-size:8px;font-weight:750;display:grid}.qr-content-label textarea{resize:vertical;text-transform:none;border-radius:11px;min-height:112px;padding:12px;font-size:12px;font-weight:550;line-height:1.5}.qr-content-label small{color:var(--soft-muted);text-transform:none;justify-self:end;font-size:8px;font-weight:600}.qr-option-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.qr-option-grid>label{min-width:0;color:var(--muted);text-transform:uppercase;gap:5px;font-size:8px;font-weight:750;display:grid}.qr-option-grid select{border:1px solid var(--line);width:100%;min-width:0;height:40px;color:var(--ink);background:var(--field);font:inherit;text-transform:none;border-radius:10px;outline:0;padding:0 9px;font-size:10px;font-weight:650}.qr-option-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.qr-color-field{border:1px solid var(--line);background:var(--field);border-radius:10px;align-items:center;gap:8px;height:40px;padding:5px 9px;display:flex}.qr-color-field input{cursor:pointer;background:0 0;border:0;border-radius:7px;width:27px;height:27px;padding:0;overflow:hidden}.qr-color-field b{color:var(--ink);text-transform:lowercase;font-size:9px}.qr-logo-options{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;margin:17px 0 0;padding:14px}.qr-logo-options legend{color:var(--ink);padding:0 5px;font-size:10px;font-weight:800}.qr-logo-options legend small{color:var(--muted);margin-left:4px;font-size:8px;font-weight:600}.qr-logo-upload{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.qr-logo-upload input{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.qr-logo-upload label{cursor:pointer;min-height:33px}.qr-logo-upload span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.qr-logo-options>p{color:var(--soft-muted);margin:10px 0 0;font-size:8px;line-height:1.45}.qr-logo-size{color:var(--muted);text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:11px;font-size:8px;font-weight:750;display:grid}.qr-logo-size input{width:100%;accent-color:var(--accent)}.qr-logo-size b{color:var(--accent-dark);font-size:9px}.qr-form-actions{justify-content:space-between;margin-top:12px;display:flex}#qrError{min-height:14px;color:var(--danger);margin:8px 0 0;font-size:9px;line-height:1.4}.qr-preview-panel{flex-direction:column;display:flex}.qr-preview-heading .eyebrow{margin-bottom:4px}.qr-preview-heading>span{color:var(--muted);font-size:9px;font-weight:700}.qr-canvas-wrap{aspect-ratio:1;border:1px solid var(--line);width:min(100%,390px);box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;place-items:center;margin:20px auto 0;display:grid;overflow:hidden}.qr-canvas-wrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.qr-canvas-wrap p{max-width:230px;color:var(--muted);text-align:center;margin:0;padding:20px;font-size:11px;line-height:1.55}.qr-download-actions{grid-template-columns:1.15fr 1fr 1fr;gap:8px;margin-top:13px;display:grid}.qr-download-actions button{min-height:42px;padding-inline:10px;font-size:10px}.qr-preview-note{color:var(--soft-muted);text-align:center;margin:auto 0 0;padding-top:15px;font-size:8px;line-height:1.45}@media (max-width:780px){.qr-workspace{grid-template-columns:1fr}.qr-canvas-wrap{width:min(100%,420px)}}@media (max-width:430px){.qr-options,.qr-preview-panel{padding:18px}.qr-heading-row{flex-direction:column;gap:5px}#qrStatus{text-align:left;max-width:none}.qr-option-grid{grid-template-columns:1fr}.qr-logo-upload{grid-template-columns:auto 1fr}.qr-logo-upload .text-button{grid-column:1/-1;justify-self:end}.qr-download-actions{grid-template-columns:1fr}}.image-compressor{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:14px;display:grid}.image-compressor-controls,.image-results{border:1px solid var(--line);background:var(--glass-strong);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:22px;padding:clamp(20px,4vw,28px)}.image-compressor-heading,.image-result-summary{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.image-compressor-heading{margin-bottom:18px}.image-compressor-heading h2,.image-result-summary h2{margin:0;font-size:16px}.image-compressor-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}#imageStatus,#converterStatus{color:var(--accent-dark);text-align:right;font-size:10px;font-weight:750}#imageError{min-height:14px;color:var(--danger);margin:8px 0 0;font-size:10px;line-height:1.4}.image-drop-zone{min-height:236px;color:var(--ink);background:var(--accent-soft);cursor:pointer;text-align:center;border:1px dashed #6657e87a;border-radius:17px;align-content:center;place-items:center;gap:8px;padding:28px;transition:border-color .2s,background .2s,transform .2s;display:grid}.image-drop-zone:hover,.image-drop-zone:focus-within,.image-drop-zone-active{border-color:var(--accent);background:#6657e829;transform:translateY(-1px)}.image-drop-zone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.image-drop-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:15px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 24px #6657e838}.image-drop-zone strong{font-size:14px}.image-drop-zone small{color:var(--muted);font-size:10px}.file-input-zone{cursor:default}.file-input-browse{min-width:116px;color:var(--accent-dark);background:var(--glass-strong);cursor:pointer;border:1px solid #6657e861;border-radius:999px;padding:9px 15px;font:750 10px/1 inherit;transition:border-color .2s,background .2s,transform .2s}.file-input-browse:hover{border-color:var(--accent);background:var(--surface);transform:translateY(-1px)}.file-input-browse:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.file-input-feedback{min-height:14px;color:var(--muted);font-size:9px}.batch-image-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);border-radius:24px;gap:18px;margin-top:26px;padding:clamp(20px,4vw,32px);display:grid}.batch-image-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.batch-image-heading h2{margin:3px 0 5px;font:500 clamp(21px,3vw,28px)/1.2 Georgia,serif}.batch-image-heading p{color:var(--muted);margin:0;font-size:11px}.batch-image-heading>span{color:var(--accent-dark);font-size:10px;font-weight:750}.batch-file-input{min-height:180px}.batch-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.batch-options label{color:var(--muted);gap:7px;font-size:10px;font-weight:750;display:grid}.batch-options select{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--field);font:inherit;border-radius:10px;padding:0 11px}.batch-file-list{border-top:1px solid var(--line);max-height:380px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.batch-file-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.batch-file-list li>div{gap:3px;min-width:0;display:grid}.batch-file-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.batch-file-list small{color:var(--muted);font-size:9px}.batch-file-list li>span{color:var(--muted);background:var(--surface);text-transform:capitalize;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750}.batch-file-list li[data-batch-status=complete]>span{color:var(--success);background:#2396641f}.batch-file-list li[data-batch-status=failed]>span{color:var(--danger);background:#be40481f}.batch-summary{flex-wrap:wrap;gap:9px;display:flex}.batch-summary span{color:var(--muted);background:var(--surface);border-radius:10px;padding:8px 11px;font-size:10px}.batch-summary strong{color:var(--ink)}.batch-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.batch-actions .primary{min-height:40px}.image-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.image-option-grid label{min-width:0;color:var(--muted);text-transform:uppercase;gap:6px;font-size:9px;font-weight:750;display:grid}.image-option-grid select{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--ink);background:var(--field);font:inherit;text-transform:none;border-radius:10px;outline:0;padding:0 11px;font-size:11px;font-weight:650}.image-option-grid select:hover{border-color:#6657e86b}.image-option-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.compression-goal{border:0;margin:0 0 15px;padding:0}.compression-goal legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800}.compression-mode-options{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;display:grid}.compression-mode-options label,.target-size-presets label{cursor:pointer;position:relative}.compression-mode-options input,.target-size-presets input{opacity:0;width:1px;height:1px;position:absolute}.compression-mode-options span{min-height:38px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:8px;font-size:10px;font-weight:800;display:grid}.compression-mode-options input:checked+span{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-alt));box-shadow:0 7px 17px color-mix(in srgb, var(--accent) 22%, transparent)}.compression-mode-options input:focus-visible+span,.target-size-presets input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.target-size-controls{border:1px solid color-mix(in srgb, var(--category-accent,var(--accent)) 30%, var(--line));background:color-mix(in srgb, var(--category-soft,var(--accent-soft)) 55%, var(--glass-soft));border-radius:14px;gap:11px;margin-bottom:15px;padding:14px;display:grid}.target-size-controls>div:first-child{gap:3px;display:grid}.target-size-controls strong{font-size:11px}.target-size-controls small{color:var(--muted);font-size:8px;line-height:1.45}.target-size-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.target-size-presets span{border:1px solid var(--line);min-height:35px;color:var(--muted);background:var(--field);border-radius:9px;place-items:center;padding:7px 4px;font-size:9px;font-weight:800;display:grid}.target-size-presets input:checked+span{border-color:var(--category-accent,var(--accent));color:var(--category-strong,var(--accent-dark));background:var(--category-soft,var(--accent-soft))}.custom-target-fields{grid-template-columns:minmax(0,1fr) 88px;gap:8px;display:grid}.custom-target-fields label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:8px;font-weight:750;display:grid}.custom-target-fields input,.custom-target-fields select{border:1px solid var(--line);width:100%;height:39px;color:var(--ink);background:var(--field);text-transform:none;border-radius:9px;outline:0;padding:0 10px;font:700 11px/1 inherit}.custom-target-fields input:focus,.custom-target-fields select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.target-size-assurance{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:8px;line-height:1.45;display:flex}.target-size-assurance span{width:17px;height:17px;color:var(--category-strong,var(--accent-dark));background:var(--category-soft,var(--accent-soft));border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.image-quality{border:1px solid var(--line);background:var(--glass-soft);border-radius:13px;grid-template-columns:minmax(0,1fr) 1.1fr auto;align-items:center;gap:12px;margin-top:18px;padding:15px;display:grid}.image-quality>span{gap:3px;display:grid}.image-quality b{font-size:11px}.image-quality small{color:var(--muted);font-size:8px;line-height:1.35}.image-quality input{width:100%;accent-color:var(--accent)}.image-quality output{min-width:40px;color:var(--accent-dark);text-align:right;font-size:12px;font-weight:800}.image-compressor-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.image-result-summary{align-items:center;margin-bottom:15px}.image-result-summary .eyebrow{margin-bottom:5px}#imageSavings{color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;flex:none;padding:7px 10px;font-size:10px}#imageSavings.image-savings-larger{color:var(--danger);background:#bc41411a}.image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-preview-grid figure{border:1px solid var(--line);background:var(--glass-soft);border-radius:14px;min-width:0;margin:0;overflow:hidden}.image-preview-frame{background-color:var(--field);background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%), linear-gradient(-45deg, var(--line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line) 75%), linear-gradient(-45deg, transparent 75%, var(--line) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;place-items:center;height:245px;display:grid;overflow:hidden}.image-preview-frame img{object-fit:contain;width:100%;height:100%;display:block}.image-preview-grid figcaption{grid-template-columns:1fr auto;align-items:center;gap:3px 8px;padding:11px 12px;display:grid}.image-preview-grid figcaption span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:750}.image-preview-grid figcaption strong{color:var(--accent-dark);font-size:12px}.image-preview-grid figcaption small{color:var(--muted);grid-column:1/-1;font-size:9px}.image-result-note{color:var(--muted);margin:12px 0 0;font-size:9px;line-height:1.5}.image-result-note span{color:var(--ink);font-weight:700}.image-target-outcome{border:1px solid color-mix(in srgb, #168a62 35%, var(--line));color:#0d6d4a;background:color-mix(in srgb, #23a979 10%, var(--field));border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:9px;font-weight:750;line-height:1.5}.image-target-outcome.image-target-missed{border-color:color-mix(in srgb, var(--danger) 35%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--field))}.image-tool-error{min-height:14px;color:var(--danger);margin:8px 0 0;font-size:10px;line-height:1.4}.image-format-field{color:var(--muted);text-transform:uppercase;gap:6px;font-size:9px;font-weight:750;display:grid}.image-format-field select{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:var(--field);font:inherit;text-transform:none;border-radius:10px;outline:0;padding:0 11px;font-size:12px;font-weight:700}.image-format-field select:hover{border-color:#6657e86b}.image-format-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.jpeg-background{border:1px solid var(--line);background:var(--glass-soft);border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:13px 15px;display:flex}.jpeg-background>span:first-child{gap:3px;display:grid}.jpeg-background b{font-size:10px}.jpeg-background small{color:var(--muted);font-size:8px}#converterFormatBadge{color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;flex:none;padding:7px 10px;font-size:10px}@media (max-width:800px){.image-compressor{grid-template-columns:1fr}.image-drop-zone{min-height:190px}}@media (max-width:520px){.image-compressor-controls,.image-results{padding:17px}.image-compressor-heading{flex-direction:column;gap:6px}#imageStatus,#converterStatus{text-align:left}.image-option-grid,.image-preview-grid{grid-template-columns:1fr}.target-size-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.image-quality{grid-template-columns:1fr auto}.image-quality input{grid-area:2/1/auto/-1}.image-quality output{grid-area:1/2}.image-compressor-actions{flex-direction:column-reverse;align-items:stretch}.image-preview-frame{height:220px}.jpeg-background{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.batch-image-heading{display:grid}.batch-options{grid-template-columns:1fr}.batch-file-list li{grid-template-columns:minmax(0,1fr) auto}.batch-file-list li .text-button{grid-column:1/-1;justify-self:start}.batch-actions>*{flex:130px}}.breadcrumbs{color:var(--soft-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:-16px 0 20px;font-size:10px;display:flex}.breadcrumb-item{align-items:center;gap:7px;min-width:0;display:inline-flex}.breadcrumbs a{color:var(--muted);text-underline-offset:3px}.mortgage-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.mortgage-inputs{border-right:1px solid var(--line);padding:clamp(22px,4vw,34px)}.mortgage-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.mortgage-section-heading h2{margin:3px 0 0;font:500 26px/1.2 Georgia,serif}.mortgage-inputs form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:24px;display:grid}.mortgage-inputs label{color:var(--muted);gap:7px;font-size:10px;font-weight:750;display:grid}.mortgage-wide-field{grid-column:1/-1}.mortgage-money-field,.mortgage-suffix-field{border:1px solid var(--line);background:var(--field);border-radius:11px;align-items:center;min-width:0;transition:border-color .18s,box-shadow .18s;display:flex}.mortgage-money-field:focus-within,.mortgage-suffix-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.mortgage-money-field b,.mortgage-suffix-field b{color:var(--soft-muted);padding:0 11px;font-size:10px}.mortgage-money-field input,.mortgage-suffix-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 10px;font:650 13px/1 inherit}.mortgage-money-field input{padding-left:0}.mortgage-suffix-field input{padding-right:0}.mortgage-error{border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);border-radius:10px;margin:16px 0 0;padding:11px 12px;font-size:11px;line-height:1.5}.mortgage-results{background:var(--glass-soft);align-content:start;padding:clamp(22px,4vw,34px);display:grid}.mortgage-payment{border-bottom:1px solid var(--line);text-align:center;justify-items:center;padding:6px 0 26px;display:grid}.mortgage-payment span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:750}.mortgage-payment output{color:var(--accent-dark);letter-spacing:-.04em;margin-top:7px;font:600 clamp(38px,5vw,52px)/1 Georgia,serif}.mortgage-payment small{color:var(--soft-muted);margin-top:8px;font-size:9px}.mortgage-summary{border:1px solid var(--line);background:var(--line);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:18px 0 0;display:grid;overflow:hidden}.mortgage-summary div{background:var(--field);gap:5px;padding:13px;display:grid}.mortgage-summary div:last-child{grid-column:1/-1}.mortgage-summary dt{color:var(--muted);font-size:9px}.mortgage-summary dd{color:var(--ink);margin:0;font-size:12px;font-weight:750}.mortgage-result-actions{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-top:14px;display:flex}.mortgage-result-actions>span{color:var(--accent-dark);font-size:10px}.mortgage-empty{min-height:390px;color:var(--muted);text-align:center;align-content:center;justify-items:center;display:grid}.mortgage-empty>span{width:58px;height:58px;color:var(--accent-dark);background:var(--accent-soft);border-radius:18px;place-items:center;font-size:24px;display:grid}.mortgage-empty strong{color:var(--ink);margin-top:15px}.mortgage-empty p{max-width:280px;font-size:11px;line-height:1.55}.mortgage-schedule{border-top:1px solid var(--line);grid-column:1/-1;padding:clamp(22px,4vw,34px)}.mortgage-schedule h2{margin:3px 0 0;font:500 26px/1.2 Georgia,serif}.mortgage-schedule>div:first-child>p:last-child{color:var(--muted);margin:7px 0 0;font-size:11px}.mortgage-table-scroll{border:1px solid var(--line);border-radius:13px;margin-top:18px;overflow-x:auto}.mortgage-table-scroll:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mortgage-table-scroll table{border-collapse:collapse;width:100%;min-width:650px;font-size:10px}.mortgage-table-scroll th,.mortgage-table-scroll td{border-bottom:1px solid var(--line);text-align:right;padding:11px 13px}.mortgage-table-scroll thead th{color:var(--accent-dark);background:var(--accent-soft)}.mortgage-table-scroll th:first-child{text-align:left}.mortgage-table-scroll tbody tr:last-child>*{border-bottom:0}.estimate-disclaimer{color:var(--muted);text-align:center;margin:14px 4px 0;font-size:10px;line-height:1.55}.mortgage-faq details{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;margin-top:10px;padding:14px 16px}.mortgage-faq summary{color:var(--ink);cursor:pointer;font-size:12px;font-weight:750}.mortgage-faq details p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.65}@media (max-width:760px){.mortgage-workspace{grid-template-columns:1fr}.mortgage-inputs{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:430px){.mortgage-inputs form{grid-template-columns:1fr}.mortgage-wide-field{grid-column:auto}.mortgage-summary{grid-template-columns:1fr}.mortgage-summary div:last-child{grid-column:auto}.mortgage-result-actions{flex-direction:column-reverse;align-items:stretch}.mortgage-result-actions .copy-button{width:100%}}.unit-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;overflow:hidden}.unit-heading{justify-content:space-between;align-items:end;gap:20px;padding:clamp(22px,4vw,34px) clamp(22px,4vw,38px) 20px;display:flex}.unit-heading h2{margin:3px 0 0;font:500 27px/1.2 Georgia,serif}.unit-heading>p{color:var(--muted);margin:0;font-size:10px}.unit-category-tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:0 clamp(22px,4vw,38px) 24px;display:grid}.unit-category-tabs button{border:1px solid var(--line);min-width:0;min-height:66px;color:var(--muted);background:var(--field);cursor:pointer;border-radius:12px;place-items:center;gap:5px;padding:9px 5px;font:700 9px/1.2 inherit;transition:transform .18s,border-color .18s,color .18s,background .18s;display:grid}.unit-category-tabs button span{color:var(--accent-dark);font-size:17px;font-weight:700}.unit-category-tabs button:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px)}.unit-category-tabs button[aria-selected=true]{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));color:var(--accent-dark);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.unit-conversion-panel{border-block:1px solid var(--line);background:var(--glass-soft);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:18px;padding:clamp(25px,5vw,48px) clamp(22px,5vw,52px);display:grid}.unit-field{min-width:0;color:var(--muted);gap:9px;font-size:10px;font-weight:750;display:grid}.unit-field>span{text-transform:uppercase;letter-spacing:.08em}.unit-field small{min-height:16px;color:var(--soft-muted);font-size:9px;font-weight:500;line-height:1.5}.unit-value-row{border:1px solid var(--line);background:var(--field);border-radius:15px;grid-template-columns:minmax(0,1fr) minmax(160px,.85fr);transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.unit-value-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.unit-value-row input,.unit-value-row output{min-width:0;color:var(--ink);background:0 0;border:0;padding:17px 15px;font:650 clamp(20px,3vw,27px)/1.1 inherit}.unit-value-row input{outline:0;width:100%}.unit-value-row output{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.unit-value-row select{border:0;border-left:1px solid var(--line);min-width:0;color:var(--ink);background:var(--glass-strong);outline:0;padding:0 30px 0 13px;font:700 10px/1.3 inherit}.unit-swap{border:1px solid var(--line);color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-alt));width:44px;height:44px;box-shadow:0 9px 20px color-mix(in srgb, var(--accent) 22%, transparent);cursor:pointer;border-radius:50%;place-items:center;font-size:18px;transition:transform .18s;display:grid}.unit-swap:hover{transform:rotate(180deg)}.unit-actions{justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:14px clamp(22px,4vw,38px);display:flex}.unit-actions>span{color:var(--accent-dark);font-size:10px}.unit-actions button:disabled{cursor:not-allowed;opacity:.45}.unit-reference{border-top:1px solid var(--line);background:var(--accent-soft);grid-template-columns:auto 1fr;gap:3px 16px;padding:20px clamp(22px,4vw,38px);display:grid}.unit-reference span{color:var(--accent-dark);background:var(--glass-strong);text-transform:uppercase;letter-spacing:.08em;border-radius:9px;grid-row:1/3;align-self:center;padding:8px 11px;font-size:9px;font-weight:800}.unit-reference strong{color:var(--ink);font-size:12px}.unit-reference small{color:var(--muted);font-size:9px}.unit-faq details{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;margin-top:10px;padding:14px 16px}.unit-faq summary{color:var(--ink);cursor:pointer;font-size:12px;font-weight:750}.unit-faq details p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.65}@media (max-width:960px){.unit-category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.unit-conversion-panel{grid-template-columns:1fr}.unit-swap{justify-self:center;transform:rotate(90deg)}.unit-swap:hover{transform:rotate(270deg)}}@media (max-width:620px){.unit-heading{flex-direction:column;align-items:start;gap:6px}.unit-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-value-row{grid-template-columns:1fr}.unit-value-row select{border-top:1px solid var(--line);border-left:0;min-height:44px}.unit-actions{flex-direction:column-reverse;align-items:stretch}.unit-actions .copy-button{width:100%}.unit-reference{grid-template-columns:1fr}.unit-reference span{grid-row:auto;justify-self:start}}.png-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden}.png-control-panel{border-right:1px solid var(--line);min-width:0;padding:clamp(22px,4vw,34px)}.png-workspace-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.png-workspace-heading h2{margin:3px 0 0;font:500 25px/1.2 Georgia,serif}.png-workspace-heading>span{max-width:120px;color:var(--accent-dark);text-align:right;font-size:9px}.png-drop-zone{margin-top:22px}.png-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px;display:grid}.png-options>label{min-width:0;color:var(--muted);gap:7px;font-size:10px;font-weight:750;display:grid}.png-options>label>span{min-height:14px}.png-options input:not([type=range]):not([type=checkbox]):not([type=color]),.png-options select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:var(--field);border-radius:10px;outline:0;padding:11px 12px;font:650 11px/1.2 inherit}.png-options input[type=color]{border:1px solid var(--line);background:var(--field);cursor:pointer;border-radius:10px;width:100%;min-height:40px;padding:4px}.png-options input[type=range]{width:100%;accent-color:var(--accent)}.png-options output{color:var(--accent-dark);font-size:10px}.png-options input:focus-visible,.png-options select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.png-wide-option{grid-column:1/-1}.png-check{flex-direction:row;grid-column:1/-1;align-items:center;display:flex!important}.png-check input{width:17px;height:17px;accent-color:var(--accent)}.png-check span{min-height:auto!important}.png-no-options{border:1px solid var(--line);color:var(--muted);background:var(--field);border-radius:10px;grid-column:1/-1;margin:0;padding:13px;font-size:10px;line-height:1.55}.png-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.png-actions .primary{min-width:190px}.png-actions .primary:disabled{cursor:not-allowed;opacity:.45}.png-preview-panel{background:var(--glass-soft);align-content:center;min-width:0;padding:clamp(22px,4vw,34px);display:grid}.png-empty-preview{min-height:390px;color:var(--muted);text-align:center;place-content:center;justify-items:center;display:grid}.png-empty-preview>span{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));width:70px;height:70px;color:var(--accent-dark);background:var(--accent-soft);border-radius:22px;place-items:center;font-size:18px;font-weight:850;display:grid}.png-empty-preview strong{color:var(--ink);margin-top:17px}.png-empty-preview p{max-width:280px;margin:7px 0 0;font-size:10px}.png-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.png-preview-grid figure{border:1px solid var(--line);background:var(--field);border-radius:15px;min-width:0;margin:0;overflow:hidden}.png-preview-frame{background:color-mix(in srgb, var(--canvas) 86%, transparent);place-items:center;height:290px;display:grid;overflow:hidden}.png-transparent-grid{background-color:var(--canvas);background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%), linear-gradient(-45deg, var(--line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--line) 75%), linear-gradient(-45deg, transparent 75%, var(--line) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.png-preview-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block}.png-preview-grid figcaption{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:5px 12px;padding:12px 13px;display:grid}.png-preview-grid figcaption span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:750}.png-preview-grid figcaption strong{color:var(--ink);font-size:10px}.png-preview-grid figcaption small{color:var(--soft-muted);grid-column:1/-1;font-size:9px}.png-faq details{border:1px solid var(--line);background:var(--glass-soft);border-radius:12px;margin-top:10px;padding:14px 16px}.png-faq summary{color:var(--ink);cursor:pointer;font-size:12px;font-weight:750}.png-faq details p{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.65}.jpg-workspace .png-workspace-heading .eyebrow,.jpg-workspace .png-workspace-heading>span,.jpg-workspace .png-options output{color:#c66b22}.jpg-workspace .image-drop-icon{color:#c66b22;background:color-mix(in srgb, #eaa02f 12%, var(--field))}.jpg-workspace .png-options input[type=range]{accent-color:#d9852b}.webp-workspace .png-workspace-heading .eyebrow,.webp-workspace .png-workspace-heading>span,.webp-workspace .png-options output{color:#318acb}.webp-workspace .image-drop-icon{color:#318acb;background:color-mix(in srgb, #58b7ee 12%, var(--field))}.webp-workspace .png-options input[type=range]{accent-color:#45a9e1}.favicon-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);display:grid;overflow:hidden}.favicon-control-panel{border-right:1px solid var(--line);padding:clamp(22px,4vw,34px)}.favicon-source-row{border:1px solid var(--line);background:var(--field);border-radius:15px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:20px;padding:12px;display:grid}.favicon-source-row img{border:1px solid var(--line);background:var(--canvas);object-fit:contain;border-radius:12px;width:60px;height:60px}.favicon-source-row>div{gap:5px;min-width:0;display:grid}.favicon-source-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.favicon-source-row small{color:var(--muted);font-size:9px}.favicon-source-row .text-button{min-width:auto;padding:9px 11px}.favicon-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.favicon-options>label{min-width:0;color:var(--muted);align-content:start;gap:7px;font-size:9px;font-weight:750;display:grid}.favicon-options select,.favicon-options input[type=text]{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--field);font:inherit;border-radius:10px;outline:0;padding:0 11px;font-size:11px}.favicon-options select:focus,.favicon-options input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.favicon-options input[type=color]{border:1px solid var(--line);background:var(--field);border-radius:10px;width:100%;height:42px;padding:4px}.favicon-options input:disabled{cursor:not-allowed;opacity:.45}.favicon-options .png-check{align-self:end;min-height:42px}.favicon-download{width:100%;margin-top:16px}.favicon-package-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent);min-width:0;padding:clamp(22px,4vw,34px)}.favicon-package-heading h2{margin:3px 0 8px;font:500 27px/1.15 Georgia,serif}.favicon-package-heading>p:last-child{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.favicon-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:19px;display:grid}.favicon-asset-grid article{border:1px solid var(--line);background:var(--field);border-radius:15px;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:90px;padding:13px;display:grid}.favicon-asset-grid .favicon-asset-wide{grid-column:1/-1}.favicon-asset-grid article>span{width:54px;height:54px;color:var(--accent-dark);background-color:var(--accent-soft);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 65%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 65%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 65%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 65%, transparent) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border-radius:12px;place-items:center;font-size:10px;font-weight:850;display:grid;overflow:hidden}.favicon-asset-grid article>span img{object-fit:contain;width:100%;height:100%}.favicon-asset-grid article>div{gap:6px;min-width:0;display:grid}.favicon-asset-grid article strong{overflow-wrap:anywhere;color:var(--ink);font-size:11px}.favicon-asset-grid article small{color:var(--muted);font-size:9px;line-height:1.4}.favicon-asset-grid article button{border:1px solid var(--line);width:28px;height:28px;color:var(--accent-dark);background:var(--glass-soft);cursor:pointer;border-radius:9px;place-items:center;font-weight:850;display:grid}.favicon-asset-grid article button:hover{border-color:var(--accent);background:var(--accent-soft)}.favicon-empty{min-height:310px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.favicon-empty>span{border:1px solid var(--line);width:54px;height:54px;color:var(--accent-dark);background:var(--accent-soft);border-radius:15px;place-items:center;font-size:10px;font-weight:850;display:grid}.favicon-empty strong{max-width:170px;color:var(--ink);margin-left:8px;font-size:11px;line-height:1.5}.tool-content-grid pre{border:1px solid var(--line);color:var(--ink);background:var(--field);white-space:pre-wrap;border-radius:10px;margin:14px 0 0;padding:13px;font-size:9px;line-height:1.55;overflow-x:auto}.cropper-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);display:grid;overflow:hidden}.cropper-source-panel,.cropper-result-panel{min-width:0;padding:clamp(22px,4vw,34px)}.cropper-source-panel{border-right:1px solid var(--line)}.cropper-result-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent);flex-direction:column;display:flex}.cropper-file-row{border:1px solid var(--line);background:var(--field);border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:11px 13px;display:flex}.cropper-file-row>div{gap:4px;min-width:0;display:grid}.cropper-file-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cropper-file-row small{color:var(--muted);font-size:9px}.cropper-canvas-frame{border:1px solid var(--line);background-color:var(--canvas);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:17px;place-items:center;min-height:390px;max-height:610px;margin-top:14px;padding:13px;display:grid;overflow:hidden}.cropper-canvas-frame canvas{cursor:grab;touch-action:none;border-radius:7px;width:auto;max-width:100%;height:auto;max-height:580px;display:block;box-shadow:0 12px 32px #0c082238}.cropper-canvas-frame canvas:active{cursor:grabbing}.cropper-drag-help{color:var(--muted);text-align:center;margin:9px 0 0;font-size:9px}.cropper-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.cropper-options>label{min-width:0;color:var(--muted);align-content:start;gap:7px;font-size:9px;font-weight:750;display:grid}.cropper-options .cropper-wide{grid-column:1/-1}.cropper-options select,.cropper-options input[type=number]{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:var(--field);font:inherit;border-radius:10px;outline:0;padding:0 11px;font-size:11px}.cropper-options input[type=range]{width:100%;min-height:42px;accent-color:var(--accent)}.cropper-options input[type=color]{border:1px solid var(--line);background:var(--field);border-radius:10px;width:100%;height:42px;padding:4px}.cropper-options select:focus,.cropper-options input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cropper-options input:disabled,.cropper-options select:disabled{cursor:not-allowed;opacity:.48}.cropper-preview{border-top:1px solid var(--line);gap:11px;margin-top:19px;padding-top:18px;display:grid}.cropper-preview>div:first-child{justify-content:space-between;align-items:end;gap:12px;display:flex}.cropper-preview p{margin:0}.cropper-preview strong{color:var(--accent-dark);font-size:10px}.cropper-output-frame{border:1px solid var(--line);background-color:var(--field);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:16px;place-items:center;height:230px;padding:12px;display:grid;overflow:hidden}.cropper-output-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 25px #0c08222e}.cropper-output-frame>span{border:1px solid var(--line);width:62px;height:62px;color:var(--accent-dark);background:var(--accent-soft);border-radius:18px;place-items:center;font-size:23px;display:grid}.cropper-download{width:100%;margin-top:16px}.color-picker-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);display:grid;overflow:hidden}.color-picker-source,.color-picker-results{min-width:0;padding:clamp(22px,4vw,34px)}.color-picker-source{border-right:1px solid var(--line)}.color-picker-results{background:color-mix(in srgb, var(--canvas) 55%, transparent)}.color-picker-canvas-frame{border:1px solid var(--line);background-color:var(--canvas);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:17px;place-items:center;min-height:390px;max-height:610px;margin-top:14px;padding:13px;display:grid;overflow:hidden}.color-picker-canvas-frame canvas{cursor:crosshair;touch-action:manipulation;border-radius:7px;width:auto;max-width:100%;height:auto;max-height:580px;display:block;box-shadow:0 12px 32px #0c082238}.selected-color-card{border:1px solid var(--line);background:var(--field);border-radius:18px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;padding:15px;display:grid}.selected-color-card>span{border:1px solid color-mix(in srgb, white 45%, var(--line));border-radius:15px;width:90px;height:90px;display:block;box-shadow:inset 0 0 0 1px #00000014}.selected-color-card>div{gap:6px;min-width:0;display:grid}.selected-color-card p{margin:0}.selected-color-card strong{color:var(--ink);letter-spacing:.03em;font-size:19px}.selected-color-card small{color:var(--muted);font-size:9px;line-height:1.45}.color-value-list{gap:10px;margin-top:14px;display:grid}.color-value-list label{border:1px solid var(--line);background:var(--field);border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.color-value-list label>span{color:var(--muted);letter-spacing:.08em;padding-left:11px;font-size:8px;font-weight:850}.color-value-list input{min-width:0;height:43px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 8px;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.color-value-list button{border:0;border-left:1px solid var(--line);height:43px;color:var(--accent-dark);background:var(--glass-soft);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.color-value-list button:hover{background:var(--accent-soft)}.color-value-list button>span{font-size:13px}.color-palette{border-top:1px solid var(--line);margin-top:19px;padding-top:18px}.color-palette h3{color:var(--ink);margin:3px 0 0;font-size:15px}#colorPaletteGrid,.palette-empty{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}#colorPaletteGrid button,.palette-empty span{aspect-ratio:1.35;border:1px solid color-mix(in srgb, white 35%, var(--line));min-height:42px;box-shadow:inset 0 0 0 1px #00000014, var(--shadow-soft);border-radius:11px}#colorPaletteGrid button{cursor:pointer;transition:transform .18s,box-shadow .18s}#colorPaletteGrid button:hover,#colorPaletteGrid button:focus-visible{z-index:1;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 20px #0c082233}.palette-empty span{border-color:var(--line);background:var(--glass-soft)}.color-palette>p:last-child{color:var(--muted);margin:12px 0 0;font-size:8px;line-height:1.5}.resizer-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.resizer-control-panel,.resizer-preview-panel{min-width:0;padding:clamp(22px,4vw,34px)}.resizer-control-panel{border-right:1px solid var(--line)}.resizer-preview-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent)}.resizer-mode-tabs{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:15px;padding:4px;display:grid}.resizer-mode-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:10px;font-weight:800}.resizer-mode-tabs button[aria-pressed=true]{color:var(--accent-dark);background:var(--accent-soft);box-shadow:var(--shadow-soft)}.resizer-dimension-grid{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:end;gap:9px;margin-top:13px;display:grid}.resizer-dimension-grid label,.resizer-export-options label{color:var(--muted);gap:7px;font-size:9px;font-weight:750;display:grid}.resizer-dimension-grid label>div{border:1px solid var(--line);background:var(--field);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.resizer-dimension-grid input{width:100%;min-width:0;height:42px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0 10px;font-size:11px}.resizer-dimension-grid small{color:var(--muted);padding-right:10px;font-size:8px}#resizeAspectLock{border:1px solid var(--line);width:38px;height:42px;color:var(--muted);background:var(--field);cursor:pointer;border-radius:10px;place-items:center;display:grid}#resizeAspectLock[aria-pressed=true]{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.resizer-percent-control{color:var(--muted);gap:8px;margin-top:13px;font-size:9px;font-weight:750;display:grid}.resizer-percent-control>div:nth-child(2){border:1px solid var(--line);background:var(--field);border-radius:10px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.resizer-percent-control input{width:100%;height:42px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:0 11px;font-size:11px}.resizer-percent-control>div:nth-child(2) span{padding-right:12px}.resizer-percent-control>div:last-child{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.resizer-percent-control button{border:1px solid var(--line);min-height:32px;color:var(--muted);background:var(--field);cursor:pointer;border-radius:8px;font-size:8px;font-weight:800}.resizer-percent-control button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-soft)}.resizer-reset{width:100%;margin-top:10px}.resizer-export-options{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px;padding-top:15px;display:grid}.resizer-export-options label:last-child{grid-column:1/-1}.resizer-export-options select{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:var(--field);font:inherit;border-radius:10px;padding:0 10px;font-size:10px}.resizer-export-options input[type=range]{width:100%;min-height:42px;accent-color:var(--accent)}.resizer-export-options input[type=color]{border:1px solid var(--line);background:var(--field);border-radius:10px;width:100%;height:42px;padding:4px}.resizer-export-options input:disabled{cursor:not-allowed;opacity:.48}.resizer-preview-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.resizer-preview-heading p{margin:0}.resizer-preview-heading h2{margin:4px 0 0;font:500 26px/1.15 Georgia,serif}.resizer-preview-heading>strong{color:var(--accent-dark);font-size:10px}.resizer-preview-frame{border:1px solid var(--line);background-color:var(--field);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:18px;place-items:center;height:370px;margin-top:16px;padding:14px;display:grid;overflow:hidden}.resizer-preview-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 30px #0c082233}.resizer-preview-frame>span{border:1px solid var(--line);width:66px;height:66px;color:var(--accent-dark);background:var(--accent-soft);border-radius:18px;place-items:center;font-size:24px;display:grid}.resizer-result-meta{justify-content:center;gap:7px;margin-top:11px;display:flex}.resizer-result-meta span{border:1px solid var(--line);color:var(--muted);background:var(--field);border-radius:999px;padding:6px 9px;font-size:8px;font-weight:750}.resizer-download{width:100%;margin-top:14px}.metadata-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);display:grid;overflow:hidden}.metadata-control-panel,.metadata-result-panel{min-width:0;padding:clamp(22px,4vw,34px)}.metadata-control-panel{border-right:1px solid var(--line)}.metadata-result-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent)}.metadata-quality{color:var(--muted);grid-template-columns:1fr auto;gap:6px 10px;margin-top:15px;font-size:9px;font-weight:750;display:grid}.metadata-quality strong{color:var(--accent-dark)}.metadata-quality input{width:100%;accent-color:var(--accent);grid-column:1/-1}.metadata-quality small{color:var(--muted);grid-column:1/-1;font-size:8px;font-weight:500}.metadata-process-note{border:1px solid var(--line);background:var(--field);border-radius:13px;grid-template-columns:34px 1fr;gap:11px;margin-top:15px;padding:13px;display:grid}.metadata-process-note>span{width:32px;height:32px;color:var(--accent-dark);background:var(--accent-soft);border-radius:10px;place-items:center;font-weight:900;display:grid}.metadata-process-note strong{color:var(--ink);font-size:10px}.metadata-process-note p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.5}.metadata-result-heading h2{margin:4px 0 7px;font:500 27px/1.15 Georgia,serif}.metadata-result-heading>p:last-child{color:var(--muted);margin:0;font-size:9px}.metadata-preview-frame{border:1px solid var(--line);background-color:var(--field);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:17px;place-items:center;height:300px;margin-top:16px;padding:14px;display:grid;overflow:hidden}.metadata-preview-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 28px #0c082233}.metadata-preview-frame>span{border:1px solid var(--line);width:64px;height:64px;color:var(--accent-dark);background:var(--accent-soft);border-radius:18px;place-items:center;font-size:24px;display:grid}.metadata-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin-top:13px;display:grid}.metadata-comparison article{border:1px solid var(--line);background:var(--field);text-align:center;border-radius:12px;gap:5px;padding:11px;display:grid}.metadata-comparison small{color:var(--muted);font-size:8px}.metadata-comparison strong{color:var(--ink);font-size:12px}.metadata-comparison>span{color:var(--accent-dark);font-size:16px}.metadata-difference{color:var(--muted);text-align:center;margin:10px 0 0;font-size:8px}.metadata-download{width:100%;margin-top:14px}.watermark-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.watermark-controls,.watermark-preview-panel{min-width:0;padding:clamp(22px,4vw,34px)}.watermark-controls{border-right:1px solid var(--line)}.watermark-preview-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent)}.watermark-mode{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:14px;padding:4px;display:grid}.watermark-mode button{min-height:37px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:9px;font-weight:800}.watermark-mode button[aria-pressed=true]{color:var(--accent-dark);background:var(--accent-soft)}.watermark-text-options{grid-template-columns:1fr 58px;gap:10px;margin-top:12px;display:grid}.watermark-text-options label{color:var(--muted);gap:6px;font-size:8px;font-weight:750;display:grid}.watermark-text-options input[type=text]{border:1px solid var(--line);width:100%;height:40px;color:var(--ink);background:var(--field);font:inherit;border-radius:9px;padding:0 10px;font-size:10px}.watermark-text-options input[type=color]{border:1px solid var(--line);background:var(--field);border-radius:9px;width:100%;height:40px;padding:4px}.watermark-logo-upload{border:1px dashed var(--line);background:var(--field);cursor:pointer;border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:5px 11px;margin-top:12px;padding:11px;display:grid}.watermark-logo-upload input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.watermark-logo-upload img,.watermark-logo-upload>span:first-of-type{background:var(--accent-soft);object-fit:contain;border-radius:10px;grid-row:1/3;place-items:center;width:46px;height:46px;display:grid}.watermark-logo-upload strong{color:var(--ink);font-size:9px}.watermark-logo-upload span,.watermark-logo-upload small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.watermark-sliders{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:13px;display:grid}.watermark-sliders label{color:var(--muted);grid-template-columns:1fr auto;gap:5px;font-size:8px;font-weight:750;display:grid}.watermark-sliders output{color:var(--accent-dark)}.watermark-sliders input{width:100%;accent-color:var(--accent);grid-column:1/-1}.watermark-layout{grid-template-columns:1fr 1fr;align-items:end;gap:12px;margin-top:13px;display:grid}.watermark-layout>div>span{color:var(--muted);margin-bottom:6px;font-size:8px;font-weight:750;display:block}#watermarkPositionGrid{grid-template-columns:repeat(3,25px);gap:3px;display:grid}#watermarkPositionGrid button{border:1px solid var(--line);background:var(--field);cursor:pointer;border-radius:5px;width:25px;height:22px}#watermarkPositionGrid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}#watermarkPositionGrid button:disabled{cursor:not-allowed;opacity:.38}.watermark-layout>label{border:1px solid var(--line);min-height:49px;color:var(--muted);background:var(--field);border-radius:9px;align-items:center;gap:8px;padding:9px;font-size:8px;font-weight:750;display:flex}.watermark-layout>label input{width:16px;height:16px;accent-color:var(--accent)}.watermark-preview-frame{border:1px solid var(--line);background-color:var(--field);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 48%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 48%, transparent) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:18px;place-items:center;height:420px;margin-top:16px;padding:14px;display:grid;overflow:hidden}.watermark-preview-frame img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 30px #0c082233}.watermark-preview-frame>span{border:1px solid var(--line);width:68px;height:68px;color:var(--accent-dark);background:var(--accent-soft);border-radius:19px;place-items:center;font-size:25px;display:grid}.watermark-download{width:100%;margin-top:14px}.json-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);display:grid;overflow:hidden}.json-input-panel,.json-output-panel{min-width:0;padding:clamp(22px,4vw,34px)}.json-input-panel{border-right:1px solid var(--line)}.json-output-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent)}.json-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.json-panel-heading h2{color:var(--ink);margin:4px 0 0;font:500 clamp(24px,3vw,30px)/1.1 Georgia,serif}.json-panel-heading>span{border:1px solid var(--line);color:var(--muted);background:var(--field);border-radius:999px;flex:none;padding:6px 9px;font-size:8px;font-weight:800}.json-panel-heading>.json-valid{border-color:color-mix(in srgb, #36c98f 45%, var(--line));color:#16805b;background:color-mix(in srgb, #36c98f 13%, var(--field))}.json-panel-heading>.json-invalid{border-color:color-mix(in srgb, #ff6174 45%, var(--line));color:#d73b52;background:color-mix(in srgb, #ff6174 12%, var(--field))}.json-input-actions{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.json-input-actions input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.json-input-actions label{cursor:pointer}#jsonInput,#jsonOutput{resize:vertical;border:1px solid var(--line);width:100%;min-height:400px;color:var(--ink);background:var(--field);tab-size:2;border-radius:15px;outline:none;padding:16px;font:500 10px/1.65 Cascadia Code,SFMono-Regular,Consolas,monospace}#jsonInput{margin-top:12px}#jsonInput:focus,#jsonOutput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.json-options{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:10px;margin-top:12px;display:grid}.json-options fieldset{border:1px solid var(--line);background:var(--canvas);border-radius:11px;gap:4px;min-width:0;margin:0;padding:4px;display:flex}.json-options legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.json-options button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;font-size:8px;font-weight:800}.json-options button[aria-pressed=true]{color:var(--accent-dark);background:var(--accent-soft)}.json-options>label{border:1px solid var(--line);color:var(--muted);background:var(--field);border-radius:11px;align-items:center;gap:8px;padding:8px 10px;display:flex}.json-options>label input{width:16px;height:16px;accent-color:var(--accent);flex:none}.json-options>label span{gap:2px;display:grid}.json-options>label strong{color:var(--ink);font-size:8px}.json-options>label small{font-size:7px;line-height:1.35}.json-privacy{color:var(--muted);align-items:center;gap:7px;margin:12px 0 0;font-size:8px;line-height:1.45;display:flex}.json-privacy span{color:var(--accent-dark);font-weight:900}.json-stats{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px;display:grid}.json-stats article{border:1px solid var(--line);background:var(--field);border-radius:11px;gap:5px;padding:10px;display:grid}.json-stats small{color:var(--muted);font-size:7px}.json-stats strong{color:var(--ink);font-size:12px}.json-error{border:1px solid color-mix(in srgb, #ff6174 42%, var(--line));color:var(--ink);background:color-mix(in srgb, #ff6174 9%, var(--field));border-radius:13px;margin-top:16px;padding:13px;overflow:hidden}.json-error strong{color:#d73b52;font-size:9px}.json-error p{color:var(--muted);margin:6px 0 10px;font-size:8px;line-height:1.45}.json-error pre{background:var(--canvas);border-radius:8px;margin:0;padding:9px;font:500 9px/1.5 Cascadia Code,Consolas,monospace;overflow-x:auto}.json-view-tabs{border:1px solid var(--line);background:var(--canvas);border-radius:11px;gap:4px;margin-top:16px;padding:4px;display:flex}.json-view-tabs button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;font-size:8px;font-weight:800}.json-view-tabs button[aria-selected=true]{color:var(--accent-dark);background:var(--accent-soft)}.json-view-tabs button:disabled{cursor:not-allowed;opacity:.45}.json-result{border:1px solid var(--line);background:var(--field);border-radius:15px;min-height:400px;margin-top:10px;overflow:hidden}.json-result #jsonOutput{resize:none;white-space:pre;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;min-height:400px;margin:0;overflow:auto}.json-code-output code{font:inherit}.json-token-key{color:var(--json-key)}.json-token-string{color:var(--json-string)}.json-token-number{color:var(--json-number)}.json-token-boolean{color:var(--json-boolean)}.json-token-null{color:var(--json-null);font-style:italic}.json-token-punctuation{color:var(--json-punctuation)}.json-tree{height:400px;padding:12px;font:500 9px/1.65 Cascadia Code,SFMono-Regular,Consolas,monospace;overflow:auto}.json-tree-toggle{width:100%;color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;padding-block:3px;display:block}.json-tree-toggle>span{width:15px;color:var(--accent-dark);display:inline-block}.json-tree-toggle strong,.json-tree-row strong{color:var(--ink)}.json-tree-toggle code{color:var(--muted)}.json-tree-row{white-space:nowrap;min-height:22px}.json-tree-row span{color:#4e78dc}.json-tree-string span{color:#16805b}.json-tree-boolean span{color:#a346d0}.json-tree-object span{color:var(--muted)}.json-tree-limit{color:var(--muted);font-size:8px}.json-empty{min-height:398px;color:var(--muted);text-align:center;place-content:center;justify-items:center;padding:25px;display:grid}.json-empty span{border:1px solid var(--line);width:64px;height:64px;color:var(--accent-dark);background:var(--accent-soft);border-radius:18px;place-items:center;font:700 20px/1 Cascadia Code,Consolas,monospace;display:grid}.json-empty p{margin:11px 0 0;font-size:9px}.json-result-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.json-result-meta>span{color:var(--muted);font-size:8px}.json-result-meta>div{gap:7px;display:flex}.json-result-meta button{min-height:38px}.base64-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;overflow:hidden}.base64-toolbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 50%, transparent);justify-content:space-between;align-items:center;gap:14px;padding:15px clamp(22px,4vw,34px);display:flex}.base64-mode{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:repeat(2,minmax(100px,1fr));gap:4px;padding:4px;display:grid}.base64-mode button{min-height:37px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:9px;font-weight:800}.base64-mode button[aria-pressed=true]{color:var(--accent-dark);background:var(--accent-soft)}.base64-options{align-items:center;gap:15px;display:flex}.base64-options label{color:var(--muted);align-items:center;gap:7px;font-size:8px;font-weight:750;display:flex}.base64-options input{width:16px;height:16px;accent-color:var(--accent)}.base64-auto-detect{color:var(--muted);margin:0;font-size:8px}.base64-panels{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.base64-panel{min-width:0;padding:clamp(22px,4vw,34px)}.base64-panel:first-child{border-right:1px solid var(--line)}.base64-result-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent)}#base64Input,#base64Output{resize:vertical;border:1px solid var(--line);width:100%;min-height:390px;color:var(--ink);background:var(--field);border-radius:15px;outline:none;margin-top:12px;padding:16px;font:500 10px/1.65 Cascadia Code,SFMono-Regular,Consolas,monospace}#base64Input:focus,#base64Output:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.base64-file{border:1px dashed var(--line);background:var(--field);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:390px;margin-top:12px;padding:18px;display:grid}.base64-file>span{width:54px;height:54px;color:var(--accent-dark);background:var(--accent-soft);border-radius:15px;place-items:center;font-weight:900;display:grid}.base64-file>div{gap:4px;min-width:0;display:grid}.base64-file strong,.base64-file small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.base64-file strong{color:var(--ink);font-size:10px}.base64-file small{color:var(--muted);font-size:8px}.base64-binary{border:1px solid var(--line);min-height:390px;color:var(--muted);background:var(--field);text-align:center;border-radius:15px;place-content:center;justify-items:center;margin-top:12px;padding:30px;display:grid}.base64-binary>span{width:66px;height:66px;color:var(--accent-dark);background:var(--accent-soft);border-radius:18px;place-items:center;font:800 14px/1 Cascadia Code,Consolas,monospace;display:grid}.base64-binary h3{color:var(--ink);margin:13px 0 6px;font:500 23px/1.15 Georgia,serif}.base64-binary p{max-width:330px;margin:0;font-size:9px;line-height:1.55}.base64-result-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.base64-result-meta>span{color:var(--muted);font-size:8px}.base64-result-meta>div{gap:6px;display:flex}.base64-result-meta button{min-height:38px}.url-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;overflow:hidden}.url-toolbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 50%, transparent);align-items:center;gap:15px;padding:15px clamp(22px,4vw,34px);display:flex}.url-scope{border:1px solid var(--line);background:var(--canvas);border-radius:11px;gap:4px;margin-left:auto;padding:4px;display:flex}.url-scope button{min-height:35px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:8px;font-weight:800}.url-scope button[aria-pressed=true]{color:var(--accent-dark);background:var(--accent-soft)}.url-form-option{color:var(--muted);align-items:center;gap:7px;font-size:8px;font-weight:750;display:flex}.url-form-option input{width:16px;height:16px;accent-color:var(--accent)}.url-panels{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.url-panel{min-width:0;padding:clamp(22px,4vw,34px)}.url-panel:first-child{border-right:1px solid var(--line)}.url-result-panel{background:color-mix(in srgb, var(--canvas) 55%, transparent)}#urlInput,#urlOutput{resize:vertical;border:1px solid var(--line);width:100%;min-height:350px;color:var(--ink);background:var(--field);border-radius:15px;outline:none;margin-top:12px;padding:16px;font:500 10px/1.65 Cascadia Code,SFMono-Regular,Consolas,monospace}#urlInput:focus,#urlOutput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.url-result-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.url-result-meta>span{color:var(--muted);font-size:8px}.url-result-meta>div{gap:6px;display:flex}.url-result-meta button{min-height:38px}.url-inspector{border-top:1px solid var(--line);background:color-mix(in srgb, var(--accent-soft) 35%, transparent);grid-template-columns:minmax(220px,.8fr) minmax(0,1fr) minmax(260px,1.1fr);gap:18px;padding:22px clamp(22px,4vw,34px);display:grid}.url-inspector h2{overflow-wrap:anywhere;color:var(--ink);margin:5px 0 0;font:500 20px/1.2 Georgia,serif}.url-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.url-inspector dl div{border:1px solid var(--line);background:var(--field);border-radius:9px;min-width:0;padding:8px}.url-inspector dt{color:var(--muted);font-size:7px}.url-inspector dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:8px;font-weight:750;overflow:hidden}.url-parameters{min-width:0}.url-parameters>strong{color:var(--ink);margin-bottom:7px;font-size:8px;display:block}.url-parameters>div{border-top:1px solid var(--line);grid-template-columns:minmax(75px,.45fr) minmax(0,1fr);gap:8px;padding:6px 8px;font-size:8px;display:grid}.url-parameters code{color:var(--accent-dark);text-overflow:ellipsis;font-weight:800;overflow:hidden}.url-parameters span{overflow-wrap:anywhere;color:var(--muted)}.url-parameters p{color:var(--muted);margin:0;font-size:8px}.jwt-workspace{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;overflow:hidden}.jwt-input-panel{padding:clamp(22px,4vw,34px)}#jwtInput{resize:vertical;border:1px solid var(--line);width:100%;min-height:135px;color:var(--ink);background:var(--field);overflow-wrap:anywhere;border-radius:14px;outline:none;margin-top:12px;padding:15px;font:500 9px/1.65 Cascadia Code,Consolas,monospace}#jwtInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.jwt-security-note{border:1px solid color-mix(in srgb, #f4b942 38%, var(--line));background:color-mix(in srgb, #f4b942 10%, var(--field));border-radius:11px;align-items:flex-start;gap:10px;margin-top:12px;padding:11px;display:flex}.jwt-security-note>span{color:#875400;background:#f4b94240;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.jwt-security-note strong{color:var(--ink);font-size:8px}.jwt-security-note p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.45}.jwt-results{padding:0 clamp(22px,4vw,34px) clamp(22px,4vw,34px)}.jwt-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.jwt-stats article,.jwt-claims article{border:1px solid var(--line);background:var(--field);border-radius:11px;gap:5px;min-width:0;padding:10px;display:grid}.jwt-stats small,.jwt-claims small{color:var(--muted);font-size:7px}.jwt-stats strong,.jwt-claims strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.jwt-stats .jwt-claim-warning{border-color:color-mix(in srgb, var(--danger) 45%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--field))}.jwt-stats .jwt-claim-warning strong{color:var(--danger)}.jwt-algorithm-warning{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--field));border-radius:10px;margin-top:10px;padding:10px 12px;font-size:8px}.jwt-json-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;margin-top:12px;display:grid}.jwt-json-grid article{border:1px solid var(--line);background:var(--field);border-radius:14px;min-width:0;overflow:hidden}.jwt-json-grid article>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.jwt-json-grid article>div>span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:800}.jwt-json-grid pre{height:300px;color:var(--ink);white-space:pre;background:0 0;margin:0;padding:14px;font:500 9px/1.65 Cascadia Code,Consolas,monospace;overflow:auto}.jwt-json-grid pre code{font:inherit}.jwt-claims{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.jwt-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.jwt-actions>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.jwt-actions code{color:var(--accent-dark)}.yaml-workspace{gap:12px;display:grid}.yaml-direction-tabs{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow-soft);border-radius:17px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.yaml-direction-tabs button{min-height:46px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;font-size:9px;font-weight:850}.yaml-direction-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(135deg, var(--accent), var(--pink));box-shadow:0 10px 25px var(--accent-soft)}.yaml-editor-shell{border:1px solid var(--line);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:25px;padding:clamp(22px,4vw,34px)}.yaml-panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.yaml-panel-heading h2{margin:4px 0 0;font-size:clamp(20px,3vw,29px)}.yaml-editor-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.yaml-editor-grid label,.yaml-output-panel{gap:8px;min-width:0;display:grid}.yaml-editor-grid label>span,.yaml-output-panel>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:850}#yamlInput,.yaml-output-panel pre{border:1px solid var(--line);width:100%;height:330px;color:var(--ink);background:var(--field);white-space:pre;border-radius:14px;margin:0;padding:16px;font:500 9px/1.65 Cascadia Code,Consolas,monospace;overflow:auto}#yamlInput{resize:vertical;outline:none}#yamlInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.yaml-output-panel pre code{font:inherit}.yaml-token-comment{color:var(--muted);font-style:italic}.yaml-result-meta{justify-content:space-between;align-items:center;gap:14px;margin-top:14px;display:flex}.yaml-result-meta>span{color:var(--muted);font-size:8px}.yaml-result-meta>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}@media (max-width:1050px){.png-workspace,.favicon-workspace,.cropper-workspace,.color-picker-workspace,.resizer-workspace,.metadata-workspace,.watermark-workspace,.json-workspace,.base64-panels,.url-panels{grid-template-columns:1fr}.cropper-source-panel,.color-picker-source,.resizer-control-panel,.metadata-control-panel,.watermark-controls,.json-input-panel,.base64-panel:first-child,.url-panel:first-child,.favicon-control-panel,.png-control-panel{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:620px){.png-workspace-heading{flex-direction:column}.png-workspace-heading>span{text-align:left;max-width:none}.png-options,.png-preview-grid,.favicon-options,.favicon-asset-grid,.cropper-options{grid-template-columns:1fr}.cropper-options .cropper-wide{grid-column:auto}.cropper-canvas-frame,.color-picker-canvas-frame{min-height:280px}.favicon-asset-grid .favicon-asset-wide{grid-column:auto}.favicon-source-row{grid-template-columns:52px minmax(0,1fr)}.favicon-source-row img{width:50px;height:50px}.favicon-source-row .text-button{grid-column:1/-1;width:100%}.favicon-empty{flex-wrap:wrap;min-height:220px}.png-wide-option,.png-check{grid-column:auto}.png-actions{flex-direction:column-reverse;align-items:stretch}.png-actions .primary{width:100%;min-width:0}.png-preview-frame{height:250px}.watermark-sliders,.watermark-layout{grid-template-columns:1fr}.watermark-preview-frame{height:280px}.json-options{grid-template-columns:1fr}.json-stats{grid-template-columns:repeat(2,1fr)}.json-result-meta{flex-direction:column;align-items:stretch}.json-result-meta>div{grid-template-columns:1fr 1fr;display:grid}.base64-toolbar{flex-direction:column;align-items:stretch}.base64-options{justify-content:space-between}.base64-result-meta{flex-direction:column;align-items:stretch}.base64-result-meta>div{grid-template-columns:repeat(3,1fr);display:grid}.url-toolbar{flex-direction:column;align-items:stretch}.url-scope{margin-left:0}.url-scope button{flex:1}.url-result-meta{flex-direction:column;align-items:stretch}.url-result-meta>div{grid-template-columns:repeat(3,1fr);display:grid}.url-inspector{grid-template-columns:1fr}.jwt-stats{grid-template-columns:repeat(2,1fr)}.jwt-json-grid{grid-template-columns:1fr}.jwt-claims{grid-template-columns:1fr 1fr}.jwt-actions{flex-direction:column;align-items:stretch}.yaml-editor-grid{grid-template-columns:1fr}.yaml-result-meta{flex-direction:column;align-items:stretch}.yaml-result-meta>div{grid-template-columns:1fr 1fr;display:grid}}.nav-controls,.nav-links{align-items:center;gap:8px;display:flex}.mobile-nav-menu{display:none;position:relative}.mobile-nav-menu summary{border:1px solid var(--line);min-height:40px;color:var(--ink);background:var(--glass-strong);cursor:pointer;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:800;list-style:none}.mobile-nav-menu summary::-webkit-details-marker{display:none}.mobile-nav-menu[open] summary{border-color:var(--accent);background:var(--accent-soft)}.mobile-nav-menu:not([open])>div{display:none}.mobile-nav-menu>div{z-index:30;border:1px solid var(--line);background:var(--glass-strong);width:min(250px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);border-radius:14px;gap:4px;padding:9px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.mobile-nav-menu a{min-height:44px;color:var(--ink);border-radius:9px;align-items:center;font-size:14px;font-weight:750;text-decoration:none;display:flex;padding:10px 12px!important}.mobile-nav-menu a:hover{background:var(--accent-soft)}.directory-filter-bar{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.directory-filter-bar button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:var(--glass);cursor:pointer;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:750}.directory-filter-bar button:hover{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}.directory-filter-bar button[aria-pressed=true]{color:#fff;background:linear-gradient(110deg, var(--cyan), var(--accent) 58%, var(--pink));box-shadow:0 8px 20px var(--focus);border-color:#0000}.directory-results-status{color:var(--muted);text-align:center;margin:13px 0 0;font-size:13px}.directory-show-more{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;width:min(100%,280px);min-height:46px;margin:14px auto 0;font-size:14px;font-weight:800;display:flex}.directory-hero+.ad-slot{margin:-18px 0 34px}.directory-section+.ad-slot{margin-top:30px}.category-card{border:1px solid var(--line);font:inherit;text-align:left;cursor:pointer}.category-card:hover{border-color:var(--accent);background:var(--glass-strong);transform:translateY(-2px)}.related-tools{display:block}.related-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.related-tool-grid>a{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--field);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 10px;padding:13px;text-decoration:none;display:grid}.related-tool-grid>a:hover{border-color:var(--accent);background:var(--accent-soft)}.related-tool-grid>a>span:nth-child(2){gap:4px;min-width:0;display:grid}.related-tool-grid .tool-card-icon{border-radius:11px;grid-row:1/3;width:42px;height:42px;font-size:13px}.related-tool-grid .related-guide-card .tool-card-icon{letter-spacing:.02em;font-size:9px}.related-tool-grid strong{font-size:14px}.related-tool-grid small{color:var(--muted);font-size:12px;line-height:1.4}.related-tool-grid b{overflow-wrap:anywhere;min-width:0;color:var(--accent-dark);white-space:normal;grid-column:2;font-size:12px;line-height:1.35}.related-tools>.related-content-more{min-width:0;margin-top:14px;padding:9px 13px;display:inline-flex}.site-footer{display:block}.footer-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:min(100%,720px);margin:0 auto;display:grid}.footer-groups>div{align-content:start;gap:9px;display:grid}.footer-groups strong{color:var(--ink);font-size:13px}.footer-groups a{color:var(--muted);font-size:12px}.directory-footer .footer-groups{justify-content:initial;gap:28px;max-width:720px;margin:0;display:grid}.directory-footer .footer-groups a{font-size:12px}.tool-content-grid article,.guide-section{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.shell small{font-size:12px!important}.shell label,.shell label>span,.shell legend{font-size:13px!important}.shell button{min-height:40px;font-size:13px!important}.shell input,.shell select,.shell textarea{font-size:14px!important}.shell pre,.shell pre code,.shell [role=status],.shell [role=alert],.shell [role=alert] *,.shell dt,.shell figcaption{font-size:12px!important}.shell .tool-card-status,.shell .tool-card-tags span,.shell .category-card b,.shell .eyebrow{font-size:11px!important}.text-button,.copy-button{min-height:40px}.yaml-direction-tabs button[aria-selected=true]{background:linear-gradient(135deg, var(--accent), var(--pink))}@media (max-width:760px){.nav-links{display:none}.mobile-nav-menu{display:block}.mobile-nav-menu a{display:flex!important}.related-tool-grid{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}}@media (max-width:640px){.shell input,.shell select,.shell textarea{font-size:16px!important}.directory-filter-bar{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.directory-filter-bar button{flex:none}.directory-hero+.ad-slot{margin-top:-8px}}@media (max-width:430px){.footer-groups{grid-template-columns:1fr}}[data-category],:root[data-tool-category]{--category-strong:var(--category-strong-light)}:root[data-theme=dark] [data-category],:root[data-theme=dark][data-tool-category]{--category-strong:var(--category-strong-dark)}:root[data-tool-category]{--accent:var(--category-accent);--accent-dark:var(--category-strong);--accent-soft:var(--category-soft);--focus:var(--category-focus)}.tool-card[data-category],.category-card[data-category]{border-color:color-mix(in srgb, var(--category-accent) 32%, var(--line));background:linear-gradient(145deg, var(--category-soft), transparent 62%), var(--glass)}.tool-card[data-category]:hover,.category-card[data-category]:hover,.category-card[data-category][aria-pressed=true]{border-color:var(--category-accent);box-shadow:0 18px 42px color-mix(in srgb, var(--category-accent) 18%, transparent)}.tool-card[data-category]:focus-visible,.category-card[data-category]:focus-visible{outline-color:var(--category-focus)}.tool-card[data-category] .tool-card-icon,.category-card[data-category] .category-icon{color:var(--category-strong);border:1px solid color-mix(in srgb, var(--category-accent) 38%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--category-accent) 25%, transparent), var(--category-soft))}.tool-card[data-category] .tool-card-status,.tool-card[data-category] .tool-card-tags span,.category-card[data-category] b{color:var(--category-strong);border-color:color-mix(in srgb, var(--category-accent) 28%, var(--line));background:var(--category-soft)}.directory-filter-bar button[data-category]:not([data-category=All]){color:var(--category-strong);border-color:color-mix(in srgb, var(--category-accent) 30%, var(--line));background:var(--category-soft)}.directory-filter-bar button[data-category]:not([data-category=All]):hover,.directory-filter-bar button[data-category]:not([data-category=All])[aria-pressed=true]{color:#fff;border-color:var(--category-accent);background:var(--category-accent);box-shadow:0 8px 20px var(--category-focus)}.directory-nav,.tool-nav{background:color-mix(in srgb, var(--glass-strong) 82%, transparent);border-radius:22px;gap:18px;padding:9px 10px 9px 12px;box-shadow:0 16px 42px #241d5c1f,inset 0 1px #ffffff2e}.directory-brand,.tool-nav-brand{border-radius:14px;flex:none;gap:11px;padding:3px 7px 3px 2px!important;text-decoration:none!important}.directory-brand strong,.tool-nav-brand strong{letter-spacing:-.015em;font-size:15px;font-weight:800}.directory-brand:hover,.tool-nav-brand:hover{background:0 0!important}.nav-controls{gap:10px}.nav-links,.tool-nav>div:not(.nav-controls){border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--field) 58%, transparent);border-radius:14px;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff1f}.nav-links a,.tool-nav>div:not(.nav-controls)>a{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:750;line-height:1;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;text-decoration:none!important}.nav-links a:hover,.tool-nav>div:not(.nav-controls)>a:hover{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:var(--accent-soft);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29;text-decoration:none!important}.nav-links a[aria-current=page]{color:var(--accent-dark);border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:var(--accent-soft);box-shadow:0 5px 14px color-mix(in srgb, var(--accent) 14%, transparent), inset 0 1px 0 #fff3}.nav-links a:focus-visible,.tool-nav>div:not(.nav-controls)>a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.directory-nav .theme-toggle,.tool-nav .theme-toggle{border-radius:14px;min-height:46px;padding:0 14px;font-size:13px}@media (max-width:760px){.directory-nav,.tool-nav{padding:8px 9px 8px 11px}.nav-links{display:none}.directory-nav .theme-toggle,.tool-nav .theme-toggle{min-height:40px;padding:0 11px}}.trust-shell{width:min(1080px,100% - 32px)}.trust-hero{text-align:center;max-width:800px;margin:0 auto;padding:clamp(42px,7vw,82px) 0 34px}.trust-hero h1{margin:5px 0 16px;font-size:clamp(40px,7vw,66px);line-height:1.02}.trust-hero>p:last-child{max-width:720px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.7}.trust-content{gap:18px;display:grid}.trust-section,.trust-card,.processing-card{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);box-shadow:0 16px 44px #241d5c14}.trust-section{border-radius:22px;padding:clamp(24px,4vw,38px)}.trust-section h2,.trust-card h2,.processing-card h2{margin:0 0 10px;font:600 clamp(21px,3vw,27px)/1.25 Georgia,serif}.trust-section p,.trust-card p,.processing-card p,.processing-card li{color:var(--muted);font-size:14px;line-height:1.75}.trust-section p+p{margin-top:12px}.trust-section a,.trust-card a,.processing-card a{color:var(--accent-dark);text-underline-offset:3px;font-weight:750}.trust-action{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));background:var(--accent-soft);border-radius:11px;align-items:center;gap:7px;min-height:42px;padding:9px 14px;text-decoration:none;display:inline-flex}.trust-action:hover{border-color:var(--accent)}.trust-card-grid,.processing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.trust-card,.processing-card{border-radius:20px;padding:clamp(22px,4vw,32px)}.trust-card-icon{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--line));width:42px;height:42px;color:var(--accent-dark);background:var(--accent-soft);border-radius:12px;place-items:center;margin-bottom:20px;font-size:20px;font-weight:800;display:grid}.trust-card p{margin:0}.processing-card{position:relative;overflow:hidden}.processing-card:before{content:"";background:var(--processing-accent);height:4px;position:absolute;top:0;left:0;right:0}.processing-local{--processing-accent:#20b888}.processing-server{--processing-accent:#8d62ea}.processing-card .eyebrow{color:var(--processing-accent)}.processing-card ul{border-top:1px solid var(--line);margin:18px 0 0;padding:16px 0 0 21px}.processing-card li+li{margin-top:6px}.trust-contact{text-align:center}@media (max-width:700px){.trust-card-grid,.processing-grid{grid-template-columns:1fr}.trust-hero{padding-top:34px}}.category-hub-heading{text-align:center;max-width:800px;margin:0 auto;padding:clamp(42px,7vw,78px) 0 30px}.category-hub-heading h1{margin:5px 0 14px;font-size:clamp(42px,7vw,68px);line-height:1.02}.category-hub-heading>p:last-of-type{max-width:700px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.7}.category-hub-summary{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.category-hub-summary span{border:1px solid color-mix(in srgb, var(--category-accent) 28%, var(--line));color:var(--muted);background:var(--category-soft);border-radius:999px;padding:7px 11px;font-size:11px}.category-hub-summary strong{color:var(--category-strong)}.category-hub-heading+.ad-slot{margin:0 0 32px}.category-hub-section{border:1px solid var(--line);background:color-mix(in srgb, var(--glass) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);border-radius:24px;margin-top:34px;padding:clamp(22px,4vw,34px);box-shadow:0 18px 48px #241d5c12}.category-hub-section .directory-section-heading{margin-bottom:20px}.category-hub-section .directory-section-heading h2{font-size:clamp(27px,4vw,38px)}.category-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-hub-grid>a{border:1px solid color-mix(in srgb, var(--category-accent) 25%, var(--line));min-height:112px;color:var(--ink);background:var(--field);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.category-hub-grid>a:hover{border-color:var(--category-accent);background:var(--category-soft);transform:translateY(-2px)}.category-hub-grid>a:focus-visible{outline:3px solid var(--category-focus);outline-offset:3px}.category-hub-grid>a>span:nth-child(2){gap:5px;min-width:0;display:grid}.category-hub-grid .tool-card-icon{width:46px;height:46px;color:var(--category-strong);border-color:color-mix(in srgb, var(--category-accent) 38%, var(--line));background:var(--category-soft);font-size:12px}.category-hub-grid strong{font-size:14px;line-height:1.3}.category-hub-grid small{color:var(--muted);font-size:11px;line-height:1.5}.category-hub-grid b{color:var(--category-strong)}.category-use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-use-case-grid article{border:1px solid var(--line);background:var(--field);border-radius:15px;gap:12px;padding:18px;display:flex}.category-use-case-grid article>span{width:30px;height:30px;color:var(--category-strong);background:var(--category-soft);border-radius:9px;flex:none;place-items:center;font-weight:900;display:grid}.category-use-case-grid h3{margin:2px 0 7px;font-size:14px}.category-use-case-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.category-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.category-related-grid>a{border:1px solid color-mix(in srgb, var(--category-accent) 26%, var(--line));min-height:148px;color:var(--ink);background:linear-gradient(145deg, var(--category-soft), transparent 75%), var(--field);border-radius:16px;align-content:start;gap:8px;padding:19px;text-decoration:none;display:grid}.category-related-grid>a:hover{border-color:var(--category-accent)}.category-related-grid>a:focus-visible{outline:3px solid var(--category-focus);outline-offset:3px}.category-related-grid strong{font:600 19px/1.3 Georgia,serif}.category-related-grid span{color:var(--muted);font-size:11px;line-height:1.6}.category-related-grid b{color:var(--category-strong);margin-top:auto;font-size:11px}.category-hub-section+.ad-slot{margin-top:34px}@media (max-width:1000px){.category-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.category-use-case-grid,.category-related-grid{grid-template-columns:1fr}}@media (max-width:600px){.category-hub-grid{grid-template-columns:1fr}.category-hub-section{border-radius:19px;padding:18px}.category-hub-heading{padding-top:34px}}.text-diff-workspace{gap:16px;margin-top:24px;display:grid}.text-diff-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.text-diff-options>label{border:1px solid var(--line);background:var(--field);cursor:pointer;border-radius:15px;align-items:center;gap:11px;min-height:70px;padding:13px 15px;display:flex}.text-diff-options input{width:18px;height:18px;accent-color:var(--category-accent)}.text-diff-options span{gap:3px;display:grid}.text-diff-options strong{font-size:13px}.text-diff-options small{color:var(--muted);font-size:10px;line-height:1.4}.text-diff-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.text-diff-inputs>label{border:1px solid color-mix(in srgb, var(--category-accent) 25%, var(--line));background:var(--field);border-radius:18px;display:grid;overflow:hidden}.text-diff-inputs>label>span{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.text-diff-inputs strong{font-size:14px}.text-diff-inputs small{color:var(--muted);font-size:10px}.text-diff-inputs textarea{resize:vertical;width:100%;min-height:250px;color:var(--ink);tab-size:2;background:0 0;border:0;outline:0;padding:17px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.text-diff-inputs>label:focus-within{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.text-diff-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.text-diff-actions .primary{margin-left:auto}.text-diff-result{border:1px solid color-mix(in srgb, var(--category-accent) 28%, var(--line));background:color-mix(in srgb, var(--panel) 90%, transparent);border-radius:20px;overflow:hidden;box-shadow:0 18px 48px #241d5c12}.text-diff-result-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.text-diff-result-heading h2{margin:3px 0 0;font-size:20px}.text-diff-stats{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.text-diff-stats span{border:1px solid var(--line);color:var(--muted);background:var(--field);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.text-diff-stats .insert{color:#08704a;background:#1b9a681f;border-color:#1b9a684d}.text-diff-stats .delete{color:#b43c55;background:#d645601a;border-color:#d645604d}.text-diff-stats .change{color:var(--category-strong);border-color:color-mix(in srgb, var(--category-accent) 34%, var(--line));background:var(--category-soft)}.text-diff-result-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;padding:11px 14px;display:flex}.text-diff-result-toolbar>label{color:var(--muted);align-items:center;gap:6px;margin-right:auto;font-size:11px;font-weight:700;display:flex}.text-diff-view{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:3px;display:flex}.text-diff-view button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800}.text-diff-view button[aria-pressed=true]{color:var(--category-strong);background:var(--category-soft)}.text-diff-table{overflow-x:auto}.text-diff-table-head,.text-diff-row{grid-template-columns:repeat(2,minmax(360px,1fr));display:grid}.text-diff-table-head span{color:var(--muted);background:var(--surface);text-transform:uppercase;letter-spacing:.09em;padding:10px 44px;font-size:10px;font-weight:900}.text-diff-table-head span+span,.text-diff-row>div+div{border-left:1px solid var(--line)}.text-diff-row>div{border-top:1px solid color-mix(in srgb, var(--line) 68%, transparent);grid-template-columns:38px minmax(0,1fr);min-height:34px;display:grid}.text-diff-row code{white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 12px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.text-diff-row .line-number{color:var(--muted);background:color-mix(in srgb, var(--surface) 75%, transparent);text-align:right;-webkit-user-select:none;user-select:none;padding:8px 7px;font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.text-diff-row.insert>div:last-child,.text-diff-row.change>div:last-child{background:#1b9a681a}.text-diff-row.delete>div:first-child,.text-diff-row.change>div:first-child{background:#d6456017}.text-diff-row mark{color:inherit;background:#ffc14066;border-radius:3px;padding:1px 0}.text-diff-empty{color:var(--muted);text-align:center;margin:0;padding:34px}.text-diff-unified{max-height:560px;color:var(--ink);background:var(--field);margin:0;padding:18px 20px;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.text-diff-unified span{min-width:max-content;padding:0 5px;display:block}.text-diff-unified .header{color:var(--category-strong);font-weight:800}.text-diff-unified .insert{background:#1b9a681f}.text-diff-unified .delete{background:#d645601a}[data-theme=dark] .text-diff-stats .insert{color:#65dba9}[data-theme=dark] .text-diff-stats .delete{color:#ff8da2}@media (max-width:760px){.text-diff-options,.text-diff-inputs{grid-template-columns:1fr}.text-diff-inputs textarea{min-height:190px}.text-diff-result-heading{flex-direction:column;align-items:flex-start}.text-diff-stats{justify-content:flex-start}.text-diff-result-toolbar>label{order:2;width:100%}.text-diff-result-toolbar .text-button,.text-diff-result-toolbar .primary{flex:1}}.discount-workspace{border:1px solid color-mix(in srgb, var(--category-accent) 25%, var(--line));background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin-top:24px;display:grid;overflow:hidden}.discount-inputs,.discount-results{padding:clamp(20px,3vw,32px)}.discount-inputs{border-right:1px solid var(--line)}.discount-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px;display:flex}.discount-section-heading h2{margin:3px 0 0;font-size:21px}.discount-inputs form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.discount-inputs form>label{color:var(--muted);align-content:start;gap:7px;font-size:11px;font-weight:800;display:grid}.discount-inputs input,.discount-inputs select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:var(--field);font:inherit;border-radius:12px;outline:0;padding:10px 12px;font-size:13px}.discount-inputs input:focus,.discount-inputs select:focus{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.discount-inputs label>small{color:var(--muted);font-size:9px;font-weight:600;line-height:1.4}.discount-suffix-field{border:1px solid var(--line);background:var(--field);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.discount-suffix-field:focus-within{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.discount-suffix-field input{background:0 0;border:0;box-shadow:none!important}.discount-suffix-field b{color:var(--category-strong);padding:0 13px 0 4px;font-size:12px}.discount-presets{border:0;margin:18px 0 0;padding:0}.discount-presets legend{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:900}.discount-presets>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.discount-presets button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--field);font:inherit;cursor:pointer;border-radius:10px;font-size:10px;font-weight:900}.discount-presets button:hover,.discount-presets button[aria-pressed=true]{color:var(--category-strong);border-color:var(--category-accent);background:var(--category-soft)}.discount-presets button:focus-visible{outline:3px solid var(--category-focus);outline-offset:2px}.discount-note{color:var(--muted);background:var(--category-soft);border-radius:12px;margin:17px 0 0;padding:12px 14px;font-size:10px;line-height:1.6}.discount-note strong{color:var(--category-strong)}.discount-results{background:linear-gradient(145deg, var(--category-soft), transparent 62%);align-content:start;gap:19px;display:grid}.discount-total{border:1px solid color-mix(in srgb, var(--category-accent) 30%, var(--line));background:var(--field);border-radius:18px;gap:5px;padding:21px;display:grid}.discount-total>span{color:var(--muted);font-size:11px;font-weight:800}.discount-total output{color:var(--category-strong);letter-spacing:-.04em;font-size:clamp(29px,5vw,43px);font-weight:900}.discount-total small{color:var(--muted);font-size:10px}.discount-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.discount-summary>div{border:1px solid var(--line);background:color-mix(in srgb, var(--field) 88%, transparent);border-radius:12px;gap:5px;padding:12px 14px;display:grid}.discount-summary dt{color:var(--muted);font-size:9px;font-weight:800}.discount-summary dd{color:var(--ink);margin:0;font-size:14px;font-weight:900}.discount-formula{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:7px;padding:13px 15px;display:grid}.discount-formula code{overflow-wrap:anywhere;color:var(--muted);font-size:10px;line-height:1.6}.discount-result-actions{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.discount-result-actions>span{color:var(--category-strong);font-size:10px;font-weight:800}@media (max-width:900px){.discount-workspace{grid-template-columns:1fr}.discount-inputs{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:560px){.discount-inputs form,.discount-summary{grid-template-columns:1fr}.discount-presets>div{grid-template-columns:repeat(3,minmax(0,1fr))}.discount-section-heading{flex-direction:column;align-items:flex-start}.discount-result-actions{flex-direction:column;align-items:stretch}}.age-workspace{border:1px solid color-mix(in srgb, var(--category-accent) 25%, var(--line));background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:24px;display:grid;overflow:hidden}.age-inputs,.age-results{padding:clamp(20px,3vw,32px)}.age-inputs{border-right:1px solid var(--line)}.age-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.age-section-heading h2{margin:3px 0 0;font-size:21px}.age-inputs form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.age-inputs form label{color:var(--muted);align-content:start;gap:7px;font-size:11px;font-weight:800;display:grid}.age-inputs input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--field);font:inherit;border-radius:12px;outline:0;padding:10px 12px;font-size:13px}[data-theme=dark] .age-inputs input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.age-inputs input:focus{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.age-today-button{color:var(--category-strong);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:10px;font-weight:900}.age-today-button:hover{text-decoration:underline}.age-today-button:focus-visible{outline:3px solid var(--category-focus);outline-offset:3px}.age-assumption{border:1px solid var(--line);background:var(--field);border-radius:14px;margin-top:20px;padding:15px}.age-assumption strong{color:var(--category-strong);font-size:11px}.age-assumption p,.age-leap-note{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.65}.age-leap-note{background:#ffc14026;border-radius:13px;padding:13px 15px}.age-leap-note strong{color:var(--ink)}.age-results{background:linear-gradient(145deg, var(--category-soft), transparent 62%);align-content:start;gap:16px;display:grid}.age-primary{border:1px solid color-mix(in srgb, var(--category-accent) 30%, var(--line));background:var(--field);border-radius:18px;gap:7px;padding:22px;display:grid}.age-primary>span{color:var(--muted);font-size:11px;font-weight:800}.age-primary output{color:var(--ink);font-size:clamp(17px,3vw,23px);font-weight:700}.age-primary output strong{color:var(--category-strong);letter-spacing:-.04em;font-size:clamp(29px,5vw,42px)}.age-primary small{color:var(--muted);font-size:10px}.age-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.age-summary>div{border:1px solid var(--line);background:color-mix(in srgb, var(--field) 88%, transparent);border-radius:12px;gap:5px;padding:12px 14px;display:grid}.age-summary dt{color:var(--muted);font-size:9px;font-weight:800}.age-summary dd{color:var(--ink);margin:0;font-size:14px;font-weight:900}.age-birthday{border:1px solid color-mix(in srgb, var(--category-accent) 28%, var(--line));background:var(--category-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.age-birthday>div{gap:5px;display:grid}.age-birthday>div:last-child{text-align:right}.age-birthday strong{font-size:15px}.age-birthday span{color:var(--category-strong);font-size:13px;font-weight:900}.age-birthday small{color:var(--muted);font-size:9px}.age-formula{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:14px 16px}.age-formula p:last-child{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.65}.age-result-actions{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.age-result-actions>span{color:var(--category-strong);font-size:10px;font-weight:800}@media (max-width:900px){.age-workspace{grid-template-columns:1fr}.age-inputs{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:560px){.age-inputs form,.age-summary{grid-template-columns:1fr}.age-section-heading,.age-birthday{flex-direction:column;align-items:flex-start}.age-birthday>div:last-child{text-align:left}.age-result-actions{flex-direction:column;align-items:stretch}}.business-days-workspace{border:1px solid color-mix(in srgb, var(--category-accent) 25%, var(--line));background:var(--glass-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:26px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);margin-top:24px;display:grid;overflow:hidden}.business-days-controls,.business-days-results{padding:clamp(20px,3vw,32px)}.business-days-controls{border-right:1px solid var(--line)}.business-days-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.business-days-heading h2{margin:3px 0 0;font-size:21px}.business-days-tabs{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:18px;padding:4px;display:grid}.business-days-tabs button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:900}.business-days-tabs button[aria-selected=true]{color:var(--category-strong);background:var(--category-soft);box-shadow:0 3px 10px #241d5c14}.business-days-tabs button:focus-visible{outline:3px solid var(--category-focus);outline-offset:2px}.business-days-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.business-days-date-grid>label,.business-days-rules>label{color:var(--muted);align-content:start;gap:7px;font-size:11px;font-weight:800;display:grid}.business-days-date-grid input,.business-days-date-grid select,.business-days-rules select,.business-days-rules textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--field);font:inherit;border-radius:12px;outline:0;padding:10px 12px;font-size:12px}[data-theme=dark] .business-days-date-grid input,[data-theme=dark] .business-days-date-grid select,[data-theme=dark] .business-days-rules select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.business-days-date-grid input:focus,.business-days-date-grid select:focus,.business-days-rules select:focus,.business-days-rules textarea:focus{border-color:var(--category-accent);box-shadow:0 0 0 3px var(--category-focus)}.business-days-direction{grid-column:1/-1}.business-boundaries{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0 0;padding:0;display:grid}.business-boundaries legend{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:9px;font-weight:900}.business-boundaries label{border:1px solid var(--line);background:var(--field);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:60px;padding:11px 12px;display:flex}.business-boundaries input{width:18px;height:18px;accent-color:var(--category-accent);flex:none}.business-boundaries span{gap:3px;display:grid}.business-boundaries strong{color:var(--ink);font-size:10px}.business-boundaries small{color:var(--muted);font-size:9px;line-height:1.4}.business-days-start-note,.business-days-assumption{color:var(--muted);background:var(--category-soft);border-radius:12px;margin:17px 0 0;padding:12px 14px;font-size:10px;line-height:1.6}.business-days-start-note strong,.business-days-assumption strong{color:var(--category-strong)}.business-days-rules{gap:12px;margin-top:17px;display:grid}.business-days-rules textarea{resize:vertical;min-height:76px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.business-days-rules label>span small,.business-days-rules label>small{color:var(--muted);font-size:9px;font-weight:600;line-height:1.5}.business-days-results{background:linear-gradient(145deg, var(--category-soft), transparent 62%);align-content:start;gap:16px;display:grid}.business-days-primary{border:1px solid color-mix(in srgb, var(--category-accent) 30%, var(--line));background:var(--field);border-radius:18px;gap:6px;padding:22px;display:grid}.business-days-primary>span{color:var(--muted);font-size:11px;font-weight:800}.business-days-primary output{color:var(--category-strong);letter-spacing:-.035em;font-size:clamp(27px,4.5vw,41px);font-weight:900;line-height:1.15}.business-days-primary small{color:var(--muted);font-size:10px}.business-days-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.business-days-summary>div{border:1px solid var(--line);background:color-mix(in srgb, var(--field) 88%, transparent);border-radius:12px;gap:5px;padding:12px 14px;display:grid}.business-days-summary dt{color:var(--muted);font-size:9px;font-weight:800;line-height:1.4}.business-days-summary dd{color:var(--ink);margin:0;font-size:15px;font-weight:900}.business-days-formula{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:14px 16px}.business-days-formula p:last-child{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.65}.business-days-actions{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.business-days-actions>span{color:var(--category-strong);font-size:10px;font-weight:800}@media (max-width:900px){.business-days-workspace{grid-template-columns:1fr}.business-days-controls{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:560px){.business-days-date-grid,.business-boundaries,.business-days-summary{grid-template-columns:1fr}.business-days-heading{flex-direction:column;align-items:flex-start}.business-days-tabs{grid-template-columns:1fr}.business-days-actions{flex-direction:column;align-items:stretch}}