:root{color-scheme:light dark;--color-bg: #edf6ff;--color-surface: #ffffff;--color-primary: #2563eb;--color-primary-dark: #102a43;--color-accent: #fbbf24;--color-text: #182233;--color-muted: #64748b;--color-border: #d8e4f2;--color-soft-blue: #e2f0ff;--bg: var(--color-bg);--surface: var(--color-surface);--surface-soft: var(--color-soft-blue);--surface-control: #ffffff;--surface-header: rgba(237, 246, 255, .94);--surface-ad: transparent;--surface-star: linear-gradient(180deg, #fff8dc 0%, var(--color-soft-blue) 100%);--stat-surface: var(--surface);--ink: var(--color-text);--muted: var(--color-muted);--placeholder: #8fa0b6;--line: var(--color-border);--line-strong: rgba(37, 99, 235, .34);--line-soft: rgba(37, 99, 235, .15);--ad-line: transparent;--brand: var(--color-primary);--brand-strong: var(--color-primary-dark);--mint: var(--color-soft-blue);--amber: var(--color-accent);--danger: #b42318;--success: #117447;--on-brand: #ffffff;--focus-ring: rgba(37, 99, 235, .2);--shadow: 0 18px 42px rgba(16, 42, 67, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg: #08111f;--color-surface: #101b2d;--color-primary: #8ab8ff;--color-primary-dark: #d7e6ff;--color-accent: #fbbf24;--color-text: #eef6ff;--color-muted: #a8b6ca;--color-border: #273a56;--color-soft-blue: #12243a;--bg: var(--color-bg);--surface: var(--color-surface);--surface-soft: var(--color-soft-blue);--surface-control: #0b1728;--surface-header: rgba(8, 17, 31, .94);--surface-ad: transparent;--surface-star: linear-gradient(180deg, rgba(251, 191, 36, .18) 0%, #12243a 100%);--stat-surface: var(--surface);--ink: var(--color-text);--muted: var(--color-muted);--placeholder: #7e8fa8;--line: var(--color-border);--line-strong: rgba(138, 184, 255, .48);--line-soft: rgba(138, 184, 255, .22);--ad-line: transparent;--brand: var(--color-primary);--brand-strong: var(--color-primary-dark);--mint: var(--color-soft-blue);--amber: var(--color-accent);--danger: #ff9b90;--success: #69d89c;--on-brand: #07111d;--focus-ring: rgba(138, 184, 255, .24);--shadow: 0 18px 44px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;min-width:320px;background:linear-gradient(180deg,var(--bg) 0%,var(--surface-soft) 52%,var(--bg) 100%);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:absolute;inset-inline-start:1rem;top:-4rem;z-index:10;border-radius:6px;background:var(--brand);color:var(--on-brand);padding:.75rem 1rem}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:var(--surface-header);backdrop-filter:blur(14px);box-shadow:0 1px #fbbf2429}.nav-shell,.home-hero,.home-search-section,.tool-hero,.tool-shell,.content-section,.legal-page,.ad-slot{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.home-hero,.home-search-section,.home-main-ad,.home-content-section{width:min(1280px,calc(100% - 2rem));margin-inline:auto}.service-hero,.service-shell{width:min(1320px,calc(100% - 2rem));margin-inline:auto}.nav-shell{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;font-weight:800}.brand-copy{display:grid;gap:.05rem;line-height:1.08}.brand-name{color:var(--ink)}.brand-tagline{color:var(--brand-strong);font-size:.72rem;font-weight:700}.brand-mark{width:2.5rem;height:2.5rem;border-radius:9px;box-shadow:0 0 0 1px #fbbf243d,0 8px 22px #2563eb2e;object-fit:cover}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.nav-links{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--brand)}.locale-picker{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem;font-weight:800}.locale-picker select{min-height:36px;border:1px solid var(--line);border-radius:7px;background:var(--surface-control);color:var(--ink);padding:.35rem .55rem;outline:none}.locale-picker select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.home-hero,.tool-hero,.service-hero{padding:3rem 0 1rem}.home-main-ad{padding-top:1.5rem}.service-hero{padding:1rem 0 .35rem}.home-hero{display:block}.hero-copy h1,.tool-hero h1,.service-hero h1{max-width:780px;margin:0;color:var(--ink);font-size:clamp(1.45rem,2.2vw,1.95rem);line-height:1.08}.hero-copy h1{max-width:1120px;font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:1.04}.home-search-section{padding:1.25rem 0 0}.home-search-panel{max-width:100%}.home-main-ad .ad-slot{width:100%}.service-hero h1{max-width:960px;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1}.hero-copy p,.tool-hero-copy p,.service-hero-copy p{max-width:660px;color:var(--muted);font-size:1rem}.eyebrow{margin:0 0 .55rem;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.search-panel,.tool-panel,.output-card,.sidebar-links{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.search-panel{padding:1rem}.home-command-bar{display:flex;align-items:center;gap:.7rem;padding:.75rem}.home-command-label{flex:0 0 auto;margin:0;font-size:1.35rem}.home-command-bar .filter-row{flex:0 0 auto;margin:0}.home-command-bar input{flex:1 1 280px;min-width:220px}.search-panel label,.field-label{display:block;margin-bottom:.45rem;color:var(--ink);font-weight:800}.search-panel input,.field-control,.output-card textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface-control);color:var(--ink);padding:.85rem .95rem;outline:none}.search-panel input::placeholder,.field-control::placeholder,.output-card textarea::placeholder{color:var(--placeholder);opacity:1}[dir=auto]{unicode-bidi:plaintext}.search-panel input:focus,.field-control:focus,.output-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.filter-row,.toolbar-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.converter-options{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.75rem}.id-generator-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem}.qr-tool-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:1rem;align-items:start}.whatsapp-link-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:1rem;align-items:start}.qr-form,.whatsapp-link-form{min-width:0}.wide-inline-option{flex:1 1 18rem}.qr-fields{display:grid;gap:.55rem;margin-top:.75rem}.qr-preview-card{display:grid;min-height:320px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);padding:1rem}.qr-preview{display:grid;width:min(100%,280px);aspect-ratio:1;place-items:center}.qr-preview img{width:100%;height:auto;border-radius:6px;background:#fff}.inline-option,.checkbox-option{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.9rem;font-weight:800}.compact-select{width:auto;min-width:96px;padding:.45rem .6rem}.compact-number{width:7rem;padding:.45rem .6rem}.color-field{width:4.75rem;min-height:40px;padding:.3rem}.advanced-options{margin-top:.65rem;color:var(--muted)}.advanced-options summary{cursor:pointer;font-size:.9rem;font-weight:800}.advanced-options-body{display:flex;flex-wrap:wrap;gap:.65rem;padding-top:.55rem}.filter-chip,.secondary-button,.copy-button{min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--surface-control);color:var(--brand);padding:.55rem .8rem;font-weight:800}.filter-chip.is-active,.primary-button{min-height:40px;border:1px solid var(--brand);border-radius:7px;background:linear-gradient(180deg,#3478ff 0%,var(--brand) 100%);color:var(--on-brand);padding:.55rem .9rem;font-weight:800;box-shadow:0 8px 18px #2563eb29}.content-section{padding:1.75rem 0 0}.home-tools-section{padding:1rem 0 0}.section-heading{margin-bottom:.65rem}.section-heading h2,.input-section h2,.sidebar-links h2,.legal-page h1,.legal-page h2{margin:0;line-height:1.1}.section-heading h2{font-size:clamp(1.15rem,2vw,1.35rem)}.category-grid,.card-grid,.example-grid,.result-grid,.case-output-grid{display:grid;gap:1rem}.category-grid,.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card,.tool-card,.example-grid article,.result-box{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.category-card,.tool-card-link,.example-grid article{display:block;height:100%;padding:1rem}.category-card{width:100%;color:inherit;text-align:start}.category-card:hover,.category-card.is-active,.tool-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.category-count{display:inline-grid;width:2.1rem;height:2.1rem;place-items:center;border:1px solid rgba(251,191,36,.38);border-radius:7px;background:var(--surface-star);color:var(--brand);font-weight:900}.category-card h3,.tool-card h3,.example-grid h3,.output-card h3{margin:.75rem 0 .35rem;line-height:1.2}.category-card p,.tool-card p,.example-grid p,.readable p,.field-hint,.input-section header p{color:var(--muted)}.field-hint:empty{display:none}.tool-list{display:grid;gap:.35rem}.tool-list-item{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tool-list-item:hover{border-color:var(--line-strong);background:var(--surface-soft);box-shadow:var(--shadow)}.tool-list-item a{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) minmax(0,2fr);align-items:center;gap:1rem;padding:.52rem 1rem}.tool-list-item span,.tool-list-item small{color:var(--muted)}.tool-list-item span{font-size:.9rem;font-weight:800}.tool-list-item strong{color:var(--brand-strong);font-size:1.05rem}.tool-list-item small{font-size:.95rem}.tool-hero,.service-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.tool-shell,.service-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:start;padding-top:.35rem}.tool-panel{padding:.8rem}.tool-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.button-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.input-section header{margin-bottom:.65rem}.textarea-large{min-height:190px;resize:vertical}.textarea-medium{min-height:110px;resize:vertical}.code-field,.output-card textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.92rem}.code-field{direction:ltr;text-align:left}.two-column-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.loan-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;align-items:end}.finance-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:.75rem;align-items:end}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.75rem}.compact-results{grid-template-columns:repeat(4,minmax(0,1fr))}.word-counter-input{min-height:220px}.word-counter-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.loan-summary{margin-top:0}.primary-stat{min-height:78px;border:1px solid var(--line);border-radius:8px;background:var(--stat-surface);padding:.7rem .8rem}.primary-stat span{display:block;color:var(--muted);font-size:.86rem;font-weight:800}.primary-stat strong{display:block;margin-top:.25rem;overflow-wrap:anywhere;color:var(--brand-strong);font-size:clamp(1.45rem,2.6vw,2rem);line-height:1}.result-box{min-height:70px;padding:.65rem .75rem}.result-box span{display:block;color:var(--muted);font-size:.86rem;font-weight:800}.result-box strong{display:block;margin-top:.2rem;overflow-wrap:anywhere;color:var(--brand-strong);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.05}.case-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.75rem}.output-card{padding:.7rem}.output-card header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.45rem}.output-card h3{margin:0;font-size:1rem}.output-card textarea{min-height:88px;resize:vertical}.sidebar-links{margin-top:.75rem;padding:.8rem}.sidebar-links a{display:block;border-top:1px solid var(--line);padding:.55rem 0;color:var(--brand);font-weight:800}.ad-slot{display:grid;min-height:0;place-items:center;margin-top:.85rem;border:0;border-radius:0;background:var(--surface-ad);color:var(--muted);text-align:center}.ad-sidebar_desktop{width:100%;margin-top:0}.service-hero .ad-slot,.service-main .ad-slot,.service-sidebar .ad-slot{width:100%;margin-inline:0}.ad-slot span{font-size:.8rem;font-weight:800;text-transform:uppercase}.ad-slot-label{display:none}.ad-slot.is-live-ad{overflow:hidden;padding:0}.ad-slot.is-live-ad.is-pending{min-height:90px;opacity:0;pointer-events:none;visibility:hidden}.ad-sidebar_desktop.is-live-ad.is-pending{min-height:260px}.ad-slot.is-live-ad.is-unfilled{display:none}.ad-slot.is-live-ad.is-filled{gap:.25rem;opacity:1}.ad-slot.is-live-ad.is-filled .ad-slot-label{display:block}.ad-slot.is-live-ad .adsbygoogle{width:100%;min-height:90px}.ad-sidebar_desktop.is-live-ad .adsbygoogle{min-height:260px}.faq-list{display:grid;gap:.5rem}.waterfall-tool{gap:.85rem}.waterfall-grid{display:grid;gap:.45rem}.waterfall-grid-head,.waterfall-row{display:grid;grid-template-columns:42px minmax(120px,1.25fr) minmax(86px,.65fr) minmax(118px,.8fr) 54px 42px;gap:.45rem;align-items:center}.waterfall-grid-head{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}#waterfall-rows{display:grid;gap:.42rem}.waterfall-style-controls{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.range-field{align-items:center;background:var(--soft-blue);border:1px solid var(--line);border-radius:8px;display:grid;gap:.55rem;grid-template-columns:minmax(82px,max-content) minmax(92px,1fr) minmax(54px,max-content);min-height:48px;padding:.55rem .7rem}.range-field span,.range-field output{color:var(--text);font-size:.86rem;font-weight:800}.range-field output{color:var(--muted);text-align:end}.range-field input[type=range]{accent-color:var(--primary);width:100%}.range-field input[type=color]{background:transparent;border:0;cursor:pointer;height:2rem;padding:0;width:100%}.toggle-field input[type=checkbox]{accent-color:var(--primary);height:1.1rem;justify-self:start;width:1.1rem}.color-config-field{grid-template-columns:minmax(82px,max-content) minmax(64px,1fr) minmax(72px,max-content)}.waterfall-row{border-radius:8px;position:relative}.waterfall-row.is-dragging{opacity:.58;outline:1px solid var(--primary)}.waterfall-row.is-drop-before:before,.waterfall-row.is-drop-after:after{background:var(--primary);border-radius:999px;content:"";height:3px;inset-inline:0;position:absolute}.waterfall-row.is-drop-before:before{top:-5px}.waterfall-row.is-drop-after:after{bottom:-5px}.reorder-controls{display:flex;justify-content:center;gap:.25rem}.mini-icon-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:900;height:40px;justify-content:center;min-width:32px;padding:0}.mini-icon-button:hover{border-color:var(--primary)}.mini-icon-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.compact-field{min-height:40px;padding:.45rem .55rem}.color-field{min-width:54px;padding:.2rem}.synthesis-value{align-items:center;color:var(--muted);display:inline-flex;font-weight:800}.iconish-button{display:inline-grid;min-width:40px;min-height:40px;place-items:center;padding:0;font-size:1.25rem;line-height:1}.waterfall-canvas-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.waterfall-canvas-wrap canvas{display:block;width:100%;min-width:720px;height:auto}.examples-disclosure,.about-disclosure{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.75rem .85rem}.examples-disclosure>summary,.about-disclosure>summary{cursor:pointer;color:var(--brand-strong);font-weight:800}.examples-disclosure .example-grid{margin-top:.75rem}.about-disclosure>p,.compact-faq-list{margin-top:.75rem}.faq-list details{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.8rem}.faq-list summary{cursor:pointer;font-weight:800}.readable{max-width:760px}.legal-page{padding:2rem 0}.legal-page h1{font-size:clamp(1.8rem,4vw,2.8rem)}.legal-page h2{margin-top:1.35rem}[hidden]{display:none!important}[data-state=error]{color:var(--danger)}[data-state=ok]{color:var(--success)}@media(max-width:900px){.home-hero,.tool-shell,.service-shell,.qr-tool-grid,.whatsapp-link-grid{grid-template-columns:1fr}.tool-sidebar,.service-sidebar{display:none}.category-grid,.card-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-list-item a{grid-template-columns:minmax(130px,.7fr) minmax(150px,1fr) minmax(0,1.4fr)}.home-command-bar{align-items:flex-start;flex-wrap:wrap}.home-command-bar input{flex-basis:100%;order:2}.home-command-bar .filter-row{order:1}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loan-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-results{grid-template-columns:repeat(2,minmax(0,1fr))}.waterfall-grid-head{display:none}.waterfall-row{grid-template-columns:42px minmax(0,1fr) 96px 128px 54px 42px}}@media(max-width:620px){.nav-shell{align-items:flex-start;flex-direction:column}.nav-links{width:100%;flex-wrap:wrap}.brand-tagline{display:none}.home-hero,.tool-hero{padding-top:2rem}.service-hero{padding-top:1rem}.category-grid,.card-grid,.compact-grid,.case-output-grid,.result-grid,.loan-fields,.finance-fields,.two-column-fields{grid-template-columns:1fr}.tool-list-item a{grid-template-columns:1fr;gap:.25rem}.home-command-label{display:none}.home-command-bar{display:grid}.home-command-bar input{min-width:0;order:0}.home-command-bar .filter-row{order:1}.hero-copy h1,.tool-hero h1,.service-hero h1{font-size:1.35rem}.tool-actions,.word-counter-summary,.waterfall-style-controls{grid-template-columns:1fr}.tool-actions{display:grid}.range-field{grid-template-columns:minmax(88px,auto) minmax(100px,1fr) 48px}.button-row{justify-content:stretch}.button-row button{flex:1 1 130px}.waterfall-row{grid-template-columns:42px minmax(0,1fr) minmax(86px,.75fr) 42px}.waterfall-row .reorder-controls{grid-column:1;grid-row:1 / 3}.mini-icon-button{min-width:26px}.waterfall-row [data-field=label]{grid-column:2;grid-row:1}.waterfall-row [data-field=value],.waterfall-row .synthesis-value{grid-column:3;grid-row:1}.waterfall-row [data-field=type],.waterfall-row .color-field,.waterfall-row .iconish-button{grid-row:2}.waterfall-row [data-field=type]{grid-column:2 / 4}.waterfall-row .color-field{grid-column:4;width:100%}.waterfall-row .iconish-button{grid-column:4;grid-row:1}.waterfall-canvas-wrap canvas{min-width:640px}}