:root{--bg:#f5f7fb;--surface:#fff;--text:#172033;--muted:#5f6b7a;--line:#dbe2ea;--brand:#0d6b58;--brand-dark:#074b3e;--focus:#9a4f00;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.shell{width:min(1120px,100% - 32px);margin-inline:auto}.skip-link{z-index:100;background:var(--brand-dark);color:#fff;border-radius:9px;padding:10px 14px;font-weight:750;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}.site-header{z-index:10;border-bottom:1px solid var(--line);background:#fffffff5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{color:var(--brand-dark);font-size:1.35rem;font-weight:800;text-decoration:none}.site-header nav,.footer-inner nav{gap:18px;display:flex}.site-header nav a{color:var(--text);font-weight:650;text-decoration:none}main{min-height:calc(100vh - 150px);padding-block:48px}footer{border-top:1px solid var(--line);color:var(--muted);background:var(--surface);padding:28px 0}.footer-inner{justify-content:space-between;align-items:center;gap:18px;display:flex}.footer-inner a{color:var(--brand-dark)}h1,h2,h3{line-height:1.15}h1{max-width:800px;margin:.25em 0;font-size:clamp(2rem,6vw,4rem)}h2{margin-top:2.5rem;font-size:clamp(1.4rem,3vw,2rem)}.hero{padding:40px 0 56px}.hero>p,.page-head>p{color:var(--muted);max-width:680px;font-size:1.15rem}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.section-title{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-title a{color:var(--brand-dark);font-weight:700}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.card,.category-link,.tool-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px #1620330d}.card{flex-direction:column;padding:20px;display:flex}.card h3{margin:.4rem 0}.card h3 a{color:var(--text);text-decoration:none}.card p{color:var(--muted);flex:1;margin-bottom:0}.card-action{color:var(--brand-dark);align-items:center;gap:8px;margin-top:16px;font-weight:750;text-decoration:none;display:inline-flex}.card-action:hover{text-decoration:underline}.category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.category-link{color:var(--text);flex-direction:column;padding:18px;text-decoration:none;display:flex}.category-link span{color:var(--muted);font-size:.92rem}.search{max-width:720px;margin:28px 0}.search>label{font-weight:750}.search div{gap:8px;margin-top:7px;display:flex}.search input{flex:1}.tool-form{max-width:850px;padding:clamp(18px,4vw,32px)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}label{flex-direction:column;gap:6px;margin-bottom:16px;font-weight:650;display:flex}input,select,textarea{width:100%;font:inherit;color:var(--text);background:#fff;border:1px solid #aab5c2;border-radius:9px;padding:12px}textarea{resize:vertical}button,.button{background:var(--brand);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;padding:11px 17px;font-weight:750;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:var(--brand-dark)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.actions{flex-wrap:wrap;gap:10px;display:flex}.result,.error{border-radius:10px;margin-top:18px;padding:16px;display:block}.result{background:#e8f5f1;border:1px solid #9bcaba;font-weight:700}.error{color:#8b1f1f;background:#fff0f0;border:1px solid #dc9d9d}.text-output{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,monospace}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:28px;font-size:.92rem;display:flex}.breadcrumb a{color:var(--brand-dark)}.image-result{justify-items:start;gap:12px;margin-top:20px;display:grid}.image-result img{border:1px solid var(--line);border-radius:12px;max-width:min(100%,420px);max-height:420px}.status{color:var(--muted)}.legal-page{max-width:780px}.legal-page p{color:var(--muted)}.tool-content{max-width:850px}.tool-content p,.tool-content li{color:var(--muted)}.tool-content li+li{margin-top:.65rem}.faq-list{gap:12px;display:grid}.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.faq-list summary{color:var(--text);cursor:pointer;font-weight:750}.faq-list details p{margin-bottom:0}.continuation{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:1rem}.continuation-head{align-items:flex-start;margin-bottom:18px}.continuation-copy{max-width:680px}.continuation-copy h2{margin:.3rem 0 .55rem}.continuation-copy p{color:var(--muted);margin:0}.continuation-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.continuation-links a{white-space:nowrap}.header-actions{align-items:center;gap:22px;display:flex}.language-switch{align-items:center;gap:7px;font-size:.9rem;display:flex}.language-switch a[aria-current=page]{font-weight:800;text-decoration-thickness:2px}.language-switch a{color:var(--brand-dark)}.tool-page{max-width:960px}.tool-page-head{padding:4px 0 34px}.tool-page-head h1{letter-spacing:-.035em;font-size:clamp(2.25rem,6vw,3.75rem)}.tool-page-head>p{margin-bottom:0}.trust-note{background:#edf7f3;border:1px solid #cfe3dc;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 15px;display:flex;color:#315b50!important;margin-top:18px!important;font-size:.94rem!important}.trust-note:before{content:"✓";color:var(--brand);flex:none;font-weight:900}.tool-workspace{background:linear-gradient(145deg,#f0f8f5 0,#e5f2ed 100%);border:1px solid #cbded8;border-radius:24px;padding:clamp(20px,4vw,38px);box-shadow:0 18px 46px #0d4b3e17}.tool-workspace-head{max-width:680px}.tool-workspace-head h2{margin:.35rem 0 .55rem;font-size:clamp(1.55rem,3vw,2.15rem)}.tool-workspace-head p{color:var(--muted);margin:0}.tool-workspace .tool-form{border-color:#d2e0dc;max-width:none;margin-top:24px;padding:clamp(20px,4vw,32px);box-shadow:0 12px 30px #16203312}.tool-workspace .form-grid{gap:16px 18px}.tool-workspace label{color:#263449;margin-bottom:0}.tool-workspace .tool-form>label{margin-bottom:18px}.tool-workspace input:not([type=checkbox]):not([type=range]),.tool-workspace select,.tool-workspace textarea{background:#fbfdfc;border-color:#9eada9;min-height:48px;transition:border-color .16s,box-shadow .16s,background-color .16s}.tool-workspace textarea{min-height:132px}.tool-workspace input:not([type=checkbox]):not([type=range]):hover,.tool-workspace select:hover,.tool-workspace textarea:hover{border-color:#6f8f86}.tool-workspace input:not([type=checkbox]):not([type=range]):focus-visible,.tool-workspace select:focus-visible,.tool-workspace textarea:focus-visible{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #0d6b581f}.tool-workspace input[type=checkbox]{height:22px;accent-color:var(--brand);width:22px!important}.tool-workspace input[type=range]{accent-color:var(--brand)}.tool-workspace button,.tool-workspace .button{min-height:46px;padding:12px 20px;transition:background-color .16s,transform .16s,box-shadow .16s;box-shadow:0 6px 14px #0d6b5829}.tool-workspace button:hover:not(:disabled),.tool-workspace .button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0d6b5833}.tool-workspace button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.tool-workspace .actions button+button,.tool-workspace .result button{color:var(--brand-dark);box-shadow:none;background:#fff;border:1px solid #9ebdb4}.tool-workspace .actions button+button:hover:not(:disabled),.tool-workspace .result button:hover{background:#edf7f3}.tool-workspace .result,.tool-workspace .error{overflow-wrap:anywhere;border-radius:13px;width:100%;margin-top:20px;padding:18px 20px}.tool-workspace .result{border:1px solid #82b7a6;border-left:5px solid var(--brand);background:linear-gradient(135deg,#e6f5ef,#f6fbf9);font-size:1.03rem;box-shadow:0 8px 22px #0d6b5814}.tool-workspace .error{background:#fff5f5;border:1px solid #d99b9b;border-left:5px solid #a52b2b}.tool-workspace .status{color:#52645f;background:#f3f7f6;border-radius:10px;padding:11px 13px;font-size:.92rem}.tool-workspace .image-result{padding-top:4px}.tool-workspace .image-result img{background:#fff;box-shadow:0 8px 24px #16203314}.tool-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;max-width:920px;margin-top:54px;display:grid}.tool-content section{border-top:1px solid var(--line);padding:0 0 30px}.tool-content h2{margin:0;padding-top:26px;font-size:clamp(1.35rem,2.5vw,1.7rem)}.tool-content ol,.tool-content ul{padding-left:1.25rem}.faq-list details{transition:border-color .16s,box-shadow .16s}.faq-list details[open]{border-color:#a9c9bf;box-shadow:0 8px 20px #0d4b3e0f}.faq-list summary{padding-right:24px}.continuation .card>.eyebrow{display:none}.continuation .card{transition:border-color .16s,transform .16s,box-shadow .16s}.continuation .card:hover{border-color:#b5cec6;transform:translateY(-2px);box-shadow:0 12px 28px #16203314}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-workspace input,.tool-workspace select,.tool-workspace textarea,.tool-workspace button,.tool-workspace .button,.faq-list details,.continuation .card{transition:none!important}.tool-workspace button:hover:not(:disabled),.tool-workspace .button:hover,.continuation .card:hover{transform:none}}@media (max-width:600px){.header-inner,.footer-inner{flex-direction:column;align-items:flex-start;padding-block:14px}.site-header{position:static}.header-actions{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.site-header nav{flex-wrap:wrap;width:auto;max-width:100%}.search div{flex-direction:column}main{padding-block:28px}.hero{padding-top:16px}.breadcrumb{margin-bottom:20px}.tool-page-head{padding-bottom:26px}.tool-page-head h1{font-size:clamp(2.05rem,11vw,2.8rem)}.tool-workspace{border-radius:18px;padding:18px}.tool-workspace .tool-form{border-radius:14px;margin-top:18px;padding:18px}.tool-workspace .form-grid{grid-template-columns:1fr;gap:14px}.tool-workspace .actions{flex-direction:column}.tool-workspace .actions button,.tool-workspace .actions .button{width:100%}.tool-content{grid-template-columns:1fr;margin-top:40px}.tool-content section{padding-bottom:22px}.continuation-head{flex-direction:column;align-items:flex-start}.continuation-links{justify-content:flex-start}}
