:root{--color-onyx:#0a0a0a;--color-alabaster:#e5e4e2;--color-blue-slate:#536878;--color-paper:#f3f2ef;--color-muted:#777d80;--color-line:#0a0a0a24;--color-action-primary:var(--color-onyx);--content-width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-onyx);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.site-header{border-bottom:1px solid var(--color-line);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f2efe6;position:sticky;top:0}.header-inner{max-width:var(--content-width);justify-content:space-between;align-items:center;gap:28px;margin:0 auto;padding:18px 28px;display:flex}.brand{letter-spacing:-.04em;align-items:baseline;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:24px;display:flex}.brand-mark{letter-spacing:.15em;color:var(--color-blue-slate);text-transform:uppercase;font-family:Arial,sans-serif;font-size:11px}.nav{color:#50565a;gap:24px;font-size:13px;display:flex}.nav a:hover{color:var(--color-onyx)}.main{max-width:var(--content-width);margin:0 auto;padding:0 28px 96px}.hero{max-width:820px;padding:112px 0 82px}.eyebrow{color:var(--color-blue-slate);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}h1,h2,h3{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:400}h1{max-width:780px;margin:22px 0 26px;font-size:clamp(52px,8vw,94px);line-height:.94}h2{margin:0 0 16px;font-size:clamp(34px,5vw,58px);line-height:1}h3{margin:0 0 10px;font-size:25px}.hero p{color:#5d6264;max-width:580px;margin:0;font-size:18px;line-height:1.55}.search-form{border-bottom:1px solid var(--color-onyx);max-width:680px;margin-top:34px;padding-bottom:10px;display:flex}.search-form input{color:var(--color-onyx);background:0 0;border:0;outline:0;flex:1;font-size:20px}.search-form button{background:var(--color-onyx);color:var(--color-alabaster);border:0;padding:12px 20px;font-size:13px}.search-wrap{max-width:680px;position:relative}.search-results{z-index:5;border:1px solid var(--color-line);background:#fff;position:absolute;top:calc(100% + 1px);left:0;right:0}.search-results a{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:14px;display:flex}.search-results a:last-child{border-bottom:0}.search-results a:hover,.search-results a:focus{background:var(--color-alabaster)}.search-results small{color:var(--color-blue-slate);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.search-feedback{color:var(--color-blue-slate);margin:12px 0 0;font-size:13px}.section{border-top:1px solid var(--color-line);padding:68px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-heading p{max-width:360px;color:var(--color-muted);font-size:14px;line-height:1.5}.tool-grid{border-top:1px solid var(--color-line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.tool-item{border-bottom:1px solid var(--color-line);min-height:190px;padding:24px 24px 24px 0}.tool-item:not(:nth-child(3n+1)){border-left:1px solid var(--color-line);padding-left:24px}.tool-meta{color:var(--color-blue-slate);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:32px;font-size:11px;display:flex}.tool-item p{color:var(--color-muted);margin:0;font-size:14px;line-height:1.5}.tool-item:hover h3{color:var(--color-blue-slate)}.category-row{flex-wrap:wrap;gap:10px;display:flex}.category{border:1px solid var(--color-line);background:0 0;padding:13px 16px;font-size:13px}.category:hover{border-color:var(--color-blue-slate);color:var(--color-blue-slate)}.privacy-band{background:var(--color-onyx);color:var(--color-alabaster);grid-template-columns:1fr 1fr;gap:36px;margin:35px 0 0;padding:48px;display:grid}.privacy-band p{color:#aeb7ba;max-width:420px;line-height:1.6}.footer{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;padding:30px 0;font-size:12px;display:flex}.tool-page{max-width:940px;padding:78px 0}.breadcrumb{color:var(--color-blue-slate);margin-bottom:30px;font-size:12px}.tool-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px;display:flex}.tool-header p{color:var(--color-muted);max-width:510px;line-height:1.55}.tool-workspace{border:1px solid var(--color-line);background:#fff;padding:28px}.tool-workspace textarea{border:1px solid var(--color-line);resize:vertical;background:#fbfbfa;outline:0;width:100%;min-height:230px;padding:18px;line-height:1.55}.tool-workspace textarea:focus{border-color:var(--color-blue-slate)}.field-label{margin-bottom:10px;font-size:12px;font-weight:700;display:block}.url-form{gap:10px;display:flex}.url-form input{border:1px solid var(--color-line);outline:0;flex:1;min-width:0;padding:14px}.url-form input:focus{border-color:var(--color-blue-slate)}.error-notice{border-left:3px solid var(--color-blue-slate);background:var(--color-alabaster);gap:6px;margin-top:22px;padding:16px;font-size:13px;display:grid}.print-preview{border-top:1px solid var(--color-line);margin-top:28px;padding-top:28px}.preview-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.print-preview h2{margin-bottom:14px;font-size:42px}.preview-description,.preview-source{color:var(--color-muted);line-height:1.55}.preview-source{overflow-wrap:anywhere;font-size:12px}.preview-content{white-space:pre-wrap;margin-top:30px;font-family:Georgia,Times New Roman,serif;line-height:1.7}.plain-text-output{overflow-wrap:anywhere;font:inherit}.recipe-grid{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;padding:24px 0;display:grid}.recipe-grid h3{font-size:22px}.recipe-grid li{color:#444a4c;margin-bottom:8px;font-size:14px;line-height:1.5}.image-workspace input[type=file]{border:1px dashed var(--color-blue-slate);background:#fbfbfa;width:100%;padding:28px 18px;display:block}.option-field{gap:8px;max-width:220px;margin-top:22px;display:grid}.option-field input,.dimension-fields input{border:1px solid var(--color-line);width:100%;margin-top:8px;padding:12px;display:block}.field-label select{border:1px solid var(--color-line);background:#fff;width:100%;max-width:260px;margin-top:8px;padding:12px;display:block}.dimension-fields{grid-template-columns:1fr 1fr;gap:16px;max-width:460px;margin-top:22px;display:grid}.image-result{border-top:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;margin-top:28px;padding-top:28px;display:grid}.image-result img{object-fit:contain;background:var(--color-alabaster);max-width:100%;max-height:430px;display:block}.qr-result{border-top:1px solid var(--color-line);justify-items:start;gap:18px;margin-top:28px;padding-top:28px;display:grid}.qr-result img{border:1px solid var(--color-line);width:min(100%,360px)}.calculator-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:640px;display:grid}.calculator-result{background:var(--color-onyx);color:var(--color-alabaster);gap:10px;margin-top:28px;padding:24px;display:grid}.calculator-result strong{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:400;line-height:1.25}.inline-fields,.diff-inputs{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.inline-fields input{border:1px solid var(--color-line);width:100%;margin-top:8px;padding:12px;display:block}.diff-inputs textarea{min-height:180px;margin-top:8px}.diff-result{border:1px solid var(--color-line);white-space:pre-wrap;margin-top:24px;font-family:Courier New,monospace;font-size:13px}.diff-line{border-bottom:1px solid #0a0a0a0f;padding:5px 10px}.diff-line span{width:18px;color:var(--color-blue-slate);display:inline-block}.diff-added{background:#e6efe9}.diff-removed{background:#f4e5e2}.tool-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.primary-button{background:var(--color-onyx);color:var(--color-alabaster);border:0;padding:13px 18px}.secondary-button{border:1px solid var(--color-line);background:0 0;padding:12px 18px}.tool-note{color:var(--color-muted);font-size:12px}.tool-info{grid-template-columns:1fr 1fr;gap:40px;margin-top:58px;display:grid}.tool-info p{color:var(--color-muted);font-size:14px;line-height:1.6}.hero-copy{color:var(--color-muted);max-width:560px;font-size:18px;line-height:1.55}.inline-button{margin-top:20px;display:inline-block}.category-grid{margin-top:50px}@media (max-width:720px){.header-inner,.main{padding-left:18px;padding-right:18px}.nav{gap:12px;font-size:12px}.nav a:nth-child(n+3){display:none}.hero{padding:78px 0 62px}h1{font-size:clamp(48px,15vw,70px)}.tool-grid{grid-template-columns:1fr}.tool-item,.tool-item:not(:nth-child(3n+1)){border-left:0;padding:22px 0}.privacy-band,.tool-info{grid-template-columns:1fr;gap:16px;padding:28px}.section-heading,.tool-header,.footer{display:block}.section-heading p{margin-top:12px}.tool-header p{margin-top:16px}.url-form,.preview-actions{display:block}.url-form .primary-button{margin-top:10px}.preview-actions>div{margin-top:14px}.recipe-grid{grid-template-columns:1fr;gap:18px}.dimension-fields,.image-result,.calculator-fields,.inline-fields,.diff-inputs{grid-template-columns:1fr}.footer>*{margin-top:8px}}@media print{.site-header,.tool-header,.breadcrumb,.tool-info,.webpage-workspace>form,.webpage-workspace>.tool-note,.preview-actions,.footer{display:none!important}body{color:#000;background:#fff}.main{max-width:none;padding:0}.tool-page{padding:0}.tool-workspace{border:0;padding:0}.print-preview{border:0;margin:0;padding:0}.print-preview h2{font-size:30pt}.preview-content{font-size:11pt}}
