*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#e2e3dd;color:#202124;font-family:'Courier New',monospace;padding:28px clamp(20px,6vw,96px);min-height:100svh}header{display:flex;align-items:center;gap:24px;justify-content:space-between;border-bottom:1px solid #20212444;padding-bottom:24px}header img{width:148px;mix-blend-mode:multiply}header span,.eyebrow{font-size:11px;letter-spacing:2px}main{min-height:calc(100svh - 180px);padding:48px 0;max-width:1120px;margin:auto}h1{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.1;margin:20px 0}h2{font-size:19px}p{line-height:1.7;font-size:14px;max-width:700px}label{display:block;font-size:13px;margin:20px 0 8px}input,button{font:inherit;color:inherit;border:1px solid #202124;border-radius:5px;min-height:44px;padding:10px 14px}input{background:#ffffff66;width:100%}button{background:#202124;color:#fff;cursor:pointer;font-size:12px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:#202124}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #202124;outline-offset:4px}.row{display:flex;gap:10px;align-items:center}.row input{min-width:0}.row button{white-space:nowrap}nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px}nav button{background:transparent;color:#202124;border-color:#20212455}nav button[aria-pressed=true]{background:#202124;color:#fff}.login{max-width:470px;padding:6vh 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}fieldset{padding:20px;border:1px solid #20212455;max-width:600px;margin:24px 0}.choice{display:flex;gap:16px;align-items:center;margin:0;padding:14px 0}.choice input{width:20px;min-height:20px}.choice small{display:block;margin-top:8px;font-size:12px}.hint{font-size:11px;color:#505256}#siteForm>input{max-width:600px}.client-list{margin-top:20px}.client-card{padding:18px 0;border-bottom:1px solid #20212433}.client-card h2{margin:0 0 8px}.client-card p{margin:5px 0;overflow-wrap:anywhere}.client-card button{margin-top:12px}.card{border:1px solid #20212444;padding:24px;border-radius:8px}#picker{width:64px;padding:4px;flex-shrink:0}#swatch{height:80px;margin-top:24px;border:1px solid #202124}#imageCanvas{width:100%;height:auto;margin-top:12px;cursor:crosshair}#contrastPreview{margin-top:24px;padding:24px;font-size:30px;border:1px solid #20212444}#contrastPreview small{font-size:14px}a{color:inherit;text-underline-offset:4px}footer{border-top:1px solid #20212444;padding-top:20px;font-size:11px}@media(max-width:700px){.columns{grid-template-columns:1fr;gap:24px}header{gap:12px}header span{max-width:110px;text-align:right;font-size:9px}header img{width:110px}main{padding-top:30px}nav{gap:6px}nav button{padding:10px}h1{font-size:34px}.card{padding:18px}}