.controls .base-controls{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.controls .base-controls label{width:80px}.controls .base-controls label:first-child{width:180px}.controls .base-controls input[type=color]{width:80px;height:40px;padding:3px}.controls .sliders{grid-template-columns:repeat(4,minmax(120px,1fr));gap:20px;display:grid}.controls input[type=range]{accent-color:#59726a;width:100%;padding:0}@media (width<=640px){.controls .sliders{grid-template-columns:repeat(2,minmax(110px,1fr))}}.exports details{border-top:1px solid #8886;padding:16px 0}.exports details textarea{width:100%;min-height:140px;font:13px monospace}.exports details label{margin-top:18px}.gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.gallery article{border:1px solid #8886;border-radius:8px;padding:16px}.gallery p{font-size:13px}.gallery .mini-scale{border-radius:4px;height:72px;margin-bottom:12px;display:flex;overflow:hidden}.gallery .mini-scale span{flex:1}.scale-app{min-height:100vh;padding:clamp(20px,4vw,64px);transition:background .15s,color .15s}.scale-app header{flex-wrap:wrap;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.scale-app header h1{letter-spacing:-1px;margin:0;font-size:36px}.scale-app header p{opacity:.7;margin:0}.scale-app nav{gap:20px;margin-left:auto;display:flex}.scale-app .swatches{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:9px;min-height:160px;display:flex;overflow-x:auto}.scale-app .swatch{border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:90px;min-height:160px;padding:10px;font-size:12px;display:flex}.scale-app .swatch small{margin-top:8px}.scale-app .background{max-width:300px;margin:24px 0}.scale-app [role=alert]{color:inherit;min-height:24px;font-weight:600}.scale-app [role=status]{min-height:24px}.scale-app footer{opacity:.8;margin-top:64px;font-size:13px}@media (width<=640px){.scale-app header{gap:10px}.scale-app nav{width:100%;margin-left:0}.scale-app .swatch{min-width:76px}.scale-app footer{line-height:2}}*{box-sizing:border-box}body{color:#171b24;background:#fff;margin:0;font:16px/1.5 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:#171b24;background:#ffffffc9;border:1px solid #8d8d8d80;border-radius:6px;padding:8px 14px}button:hover{box-shadow:0 0 0 2px #8886}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #888}label{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}input,select,textarea{color:#171b24;background:#ffffffe0;border:1px solid #8d8d8d80;border-radius:5px;min-width:0;padding:7px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0;display:flex}.actions a{padding:8px}