/* Website identity around the existing generator; command logic stays intact. */
:root{--bg-primary:#211b2c;--bg-secondary:#2b2339;--bg-card:#30263e;--bg-input:#211b2c;--border:#4d3e61;--border-focus:#ac88ee;--text-primary:#f5f1fa;--text-secondary:#c0b5cc;--text-muted:#a79ab5;--accent-blue:#a786e8;--accent-cyan:#c4a8f5;--accent-orange:#edc89c;--accent-green:#a9ca9e;--accent-purple:#b18bea;--shadow:0 4px 22px #130c1e40}
body{margin:0!important;padding:0 24px 35px!important;max-width:none!important;background:#211b2c!important;background-image:none!important;color:#f5f1fa!important;font-family:"Segoe UI",Arial,sans-serif!important;line-height:1.6}
.tool-sitebar{background:#faf8f3;color:#26232b;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 -24px 35px;padding:20px max(24px,calc((100vw - 1150px)/2));border-bottom:1px solid #ddd5e2;font-family:"Segoe UI",Arial,sans-serif}
.tool-sitebar a{color:#433053;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:12px}.tool-sitebar .tool-brand{font-size:18px;font-weight:750;letter-spacing:-.035em}.tool-brand span{border-radius:10px;background:#6540c4;color:white;width:36px;height:38px;display:grid;place-items:center;transform:rotate(-7deg);font-size:26px;letter-spacing:-4px;padding-right:4px}.tool-sitebar nav{display:flex;gap:22px}.tool-sitebar nav a:hover{text-decoration:underline}.tool-sitebar small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#73627e}.container{max-width:1150px}.header{padding:18px 0 35px}.header h1{font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(27px,4vw,43px);font-weight:750;letter-spacing:-.04em;background:none!important;-webkit-text-fill-color:#eee3ff!important;color:#eee3ff!important}.tab-nav{gap:8px;border-radius:12px}.tab{border-radius:8px}.tab.active{background:#6540c4;color:#fff}.section{box-shadow:none;border-radius:16px}.section h2{font-family:inherit;letter-spacing:-.015em}.btn{border-radius:8px;font-family:inherit}.btn-primary{background:#754dd0;color:#fff}.btn-primary:hover{background:#8d65e4}.tool-page-content{max-width:950px;margin:auto}.tool-page-content h1{font-size:clamp(28px,4vw,43px);letter-spacing:-.035em;line-height:1.15;color:#eadfff!important}.tool-page-content h2{color:#d5c4ed!important;font-size:23px}.tool-page-content .step{background:#30263e!important;border-color:#a786e8!important}.tool-page-content pre,.tool-page-content code{background:#191320!important;color:#dfd0f5!important}.tool-page-content .tip{background:#2c3830!important;color:#c9e3d0}.tool-page-content .warning{background:#49352c!important;color:#f3d8bb!important}.bookmarklet-btn{background:#c8b1f2!important;color:#211b2c!important;border-color:#a786e8!important}.tool-footer{text-align:center;font-size:12px;color:#b1a3c0;border-top:1px solid #4d3e61;margin:40px auto 0;padding-top:25px;max-width:1150px}.tool-footer a{color:#dec9ff}.tool-sitebar :focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b68cee;outline-offset:4px}
.section,.tab-content{min-width:0}table{display:block;max-width:100%;overflow-x:auto}
.material-tier-row>*{min-width:0}
@media(max-width:850px){.material-tier-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.material-tier-row>.form-group{width:auto!important;min-width:0}.compression-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}}
@media(max-width:650px){body{padding-inline:16px!important}.tool-sitebar{margin-inline:-16px;padding:17px 16px;gap:12px;flex-wrap:wrap}.tool-sitebar .tool-brand{font-size:16px}.tool-sitebar nav{gap:14px}.tool-sitebar nav a{font-size:12px}.tool-sitebar small{display:none}.header{padding-top:5px}.tab-nav{overflow-x:auto}.tool-page-content{overflow-wrap:anywhere}.container{min-width:0}input,select,textarea{max-width:100%}.tool-page-content pre{max-width:calc(100vw - 32px)}}