*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ececec;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}.page-shell{width:min(1060px,calc(100% - 24px));margin:18px auto;background:#fff;border:1px solid #aaa;box-shadow:0 1px 5px rgba(0,0,0,.14)}.site-header{padding:18px 22px 0;border-bottom:1px solid #999;background:#fafafa}.brand-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.brand{font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:bold;color:#174b87;text-decoration:none;letter-spacing:.2px}.tagline{color:#666;font-style:italic}.top-nav{margin:17px -22px 0;padding:7px 22px;background:#e5e5e5;border-top:1px solid #bbb;display:flex;flex-wrap:wrap;gap:5px 20px}.top-nav a{color:#0645ad;text-decoration:none;white-space:nowrap}.top-nav a:hover,.tool-list a:hover,.tool-entry a:hover,.breadcrumb a:hover{text-decoration:underline}.content-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0}.sidebar{padding:22px 16px;background:#f4f4f4;border-right:1px solid #bbb}.sidebar label{display:block;font-weight:bold;margin-bottom:5px}.sidebar input{width:100%;padding:7px 8px;border:1px solid #888;background:#fff}.sidebar h2{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:#333;border-bottom:1px solid #aaa;padding-bottom:5px;margin:22px 0 7px}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:3px 0}.tool-list a,.tool-entry a,.breadcrumb a{color:#0645ad;text-decoration:none}main{padding:24px 28px 40px;min-width:0}.intro-box{border:1px solid #aaa;background:#f8f8f8;padding:17px 20px;margin-bottom:24px}.intro-box h1,.calculator-panel h1{font-family:Georgia,'Times New Roman',serif;color:#333;font-size:28px;font-weight:normal;margin:0 0 8px}.intro-box p,.description{margin:0;color:#555}.category{margin:25px 0}.category>h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;color:#333;font-size:22px;border-bottom:1px solid #999;padding-bottom:4px}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.tool-entry{padding:8px 0 11px;border-bottom:1px dotted #bbb}.tool-entry h3{font-size:15px;margin:0 0 3px}.tool-entry p{font-size:13px;color:#555;margin:0}.breadcrumb{margin:0 0 14px;color:#666;font-size:13px}.calculator-panel{max-width:650px}.description{padding-bottom:15px;border-bottom:1px solid #bbb;margin-bottom:18px}.calculator-form{background:#f3f3f3;border:1px solid #999;padding:18px;display:grid;gap:12px}.calculator-form label{display:grid;grid-template-columns:minmax(180px,42%) 1fr;gap:12px;align-items:center;font-weight:bold}.calculator-form input,.calculator-form select{width:100%;padding:8px;border:1px solid #777;background:#fff;font:inherit}.calculator-form button{width:max-content;min-width:120px;margin-left:calc(42% + 12px);padding:8px 18px;border:1px solid #555;background:#e1e1e1;color:#111;font-weight:bold;cursor:pointer}.calculator-form button:hover{background:#d4d4d4}.hint{font-weight:normal;color:#666}.result{margin-top:18px;padding:14px 17px;border:1px solid #7b9abc;background:#edf4fb}.result h2{font-size:14px;margin:0 0 5px;color:#333}.result strong{display:block;font-family:Georgia,'Times New Roman',serif;color:#174b87;font-size:27px;margin-bottom:5px}.result p{margin:3px 0}.error{padding:10px 12px;margin-bottom:14px;border:1px solid #b44;background:#fff0f0;color:#8b0000}footer{border-top:1px solid #aaa;background:#f4f4f4;padding:12px 22px;color:#666;font-size:12px}footer p{margin:0}@media(max-width:760px){.page-shell{width:100%;margin:0;border-left:0;border-right:0}.content-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #bbb}.tool-list{columns:2}.link-grid{grid-template-columns:1fr}.calculator-form label{grid-template-columns:1fr;gap:5px}.calculator-form button{margin-left:0}.brand{font-size:23px}}@media(max-width:440px){.tool-list{columns:1}.top-nav{gap:4px 14px}.top-nav a{display:inline-block}main{padding:20px 17px}.site-header{padding-left:17px;padding-right:17px}.top-nav{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}}
.seo-section{max-width:650px;margin-top:28px;padding-top:4px;border-top:1px solid #aaa}.seo-section h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:21px;color:#333}.seo-section li{margin:6px 0}.formula{padding:11px 13px;border:1px solid #aaa;background:#f5f5f5;font-family:Georgia,'Times New Roman',serif;font-size:16px}.seo-section details{border-bottom:1px dotted #aaa;padding:9px 0}.seo-section summary{color:#0645ad;font-weight:bold;cursor:pointer}.seo-section details p{margin:7px 0}.related-tools{padding-left:20px}footer a{color:#0645ad}

fieldset { border: 1px solid #aaa; margin: 10px 0; padding: 10px; }
fieldset legend { font-weight: bold; }
.check-label { display: block; font-weight: normal; margin: 6px 0; }
.check-label input { width: auto; margin-right: 6px; }
textarea { width: 100%; max-width: 100%; padding: 7px; border: 1px solid #999; font: inherit; }
.privacy-note { font-size: 0.9rem; color: #555; }
.result strong { overflow-wrap: anywhere; word-break: break-word; }

.stacked-label{grid-template-columns:1fr!important;gap:6px!important}.result-output{white-space:pre-wrap;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.45}.calculator-form textarea{min-height:130px;resize:vertical}.calculator-form input[type=text]{width:100%;padding:8px;border:1px solid #777;background:#fff;font:inherit}
.result-output { display:block; white-space:pre-wrap; overflow-wrap:anywhere; max-height:36rem; overflow:auto; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.92rem; background:#fff; border:1px solid #bbb; padding:.8rem; }
.rendered-preview { font-family:Arial,sans-serif; white-space:normal; }
.rendered-preview code { background:#eee; padding:.1rem .25rem; }
.rendered-preview h1,.rendered-preview h2,.rendered-preview h3 { margin-top:.7rem; }

.generated-code, .generated-barcode { text-align:center; overflow:auto; }
.generated-code img { max-width:320px; width:100%; height:auto; image-rendering:pixelated; background:#fff; padding:8px; border:1px solid #bbb; }
.generated-barcode img { max-width:100%; min-width:280px; background:#fff; padding:10px; border:1px solid #bbb; }
.download-link { display:inline-block; margin:6px 4px; padding:7px 12px; border:1px solid #174b87; background:#f4f7fb; }

.palette-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:8px 0}.color-swatch{min-height:100px;border:1px solid #888;display:flex;align-items:flex-end;justify-content:center;padding:8px}.color-swatch span{background:rgba(255,255,255,.88);color:#111;padding:3px 6px;border:1px solid rgba(0,0,0,.25);font-family:monospace}.design-preview{min-height:150px;display:flex;align-items:center;justify-content:center;margin:8px 0;border:1px solid #aaa;background:#fff;padding:20px}.gradient-preview{min-height:180px}.shadow-preview,.radius-preview{width:min(280px,80%);margin:25px auto;background:#f7f7f7}.text-shadow-preview{font-size:42px;font-family:Georgia,serif;text-align:center;padding:30px}.contrast-preview{font-size:22px;font-weight:bold;padding:28px;border:1px solid #999;text-align:center}.calculator-form input[type=color]{height:40px;padding:2px}


.generated-document .doc-toolbar{margin-bottom:12px}.generated-document .doc-toolbar button{padding:7px 14px}.doc-paper{background:#fff;color:#111;border:1px solid #999;padding:28px;max-width:850px;margin:auto}.doc-paper h2{text-align:center;margin-top:0}.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.doc-table,.calendar-table{width:100%;border-collapse:collapse;margin:18px 0}.doc-table th,.doc-table td,.calendar-table th,.calendar-table td{border:1px solid #777;padding:8px;text-align:left}.doc-totals{margin-left:auto;max-width:300px;text-align:right}.doc-small{font-size:.8rem}.shipping-label{border:3px solid #111;padding:24px;font-size:18px}.ship-to{font-size:24px;padding-top:15px}.label-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-label{border:1px dashed #666;padding:18px;min-height:110px}.calendar-table td{height:80px;vertical-align:top}.business-card{width:350px;border:1px solid #222;padding:24px;font-size:15px}.business-card strong{font-size:22px}.closure-notice{text-align:center;border:4px double #222;padding:30px}.closure-dates{font-size:24px;font-weight:bold}
@media print{body *{visibility:hidden}.generated-document,.generated-document *{visibility:visible}.generated-document{position:absolute;left:0;top:0;width:100%}.doc-toolbar{display:none!important}.doc-paper{border:0;max-width:none}.page-shell{margin:0;border:0}.label-grid{grid-template-columns:repeat(2,1fr)}}