.palette-page{padding-top:64px}.palette-intro{max-width:680px;color:#b9bfc0}.palette-studio{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #42484b;border-radius:16px;overflow:hidden;margin:38px 0 80px;scroll-margin-top:24px;background:#1a1e20}.palette-visual{background:#eeeae3;padding:28px;color:#22282a;min-width:0}.palette-surface,.palette-card-surface{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:40px;gap:5px;background:var(--palette-grout,#d6caba);position:relative;overflow:hidden;border-radius:7px;isolation:isolate}.palette-surface{height:355px;box-shadow:0 14px 24px #0002;border:1px solid #b8b0a3}.palette-brick{display:block;background:linear-gradient(115deg,#ffffff0c,transparent 50%,#00000013),var(--palette-tile);box-shadow:inset 0 1px 2px #ffffff17,inset 0 -2px 3px #0002}.palette-brick:nth-child(7n){filter:brightness(.89)}.palette-brick:nth-child(5n){filter:brightness(1.08)}.palette-brick:nth-child(11n){filter:brightness(.95)}.palette-surface>span{position:absolute;z-index:2;left:14px;bottom:14px;font-size:9px;letter-spacing:1.6px;background:#141719dd;color:#fff;border-radius:4px;padding:8px 11px}.palette-visual-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 2px}.palette-visual-caption strong{font-size:24px;letter-spacing:-.6px}.palette-visual-caption>span{font-size:13px;color:#626969}.palette-house{border-top:1px solid #cbc8c0;text-align:center}.palette-house svg{width:100%;height:auto;display:block}.palette-house>span{font-size:11px;display:block;margin-top:-8px;margin-bottom:5px;color:#686e6c}.palette-controls{padding:42px 32px}.palette-controls h3{font-size:clamp(29px,3vw,42px);letter-spacing:-1.4px;line-height:1.1;margin:18px 0 32px}.palette-controls fieldset{padding:0;border:0;margin:0 0 30px}.palette-controls legend{color:#b6bfc1;font-size:12px;margin-bottom:14px;letter-spacing:.4px}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette-choice,.palette-grouts button{display:flex;align-items:center;gap:10px;background:#111618;color:#eee;border:1px solid #50585c;padding:13px;border-radius:7px;font:14px Arial;min-height:49px;cursor:pointer}.palette-choice>i,.palette-grouts i{width:25px;height:25px;display:block;flex-shrink:0;border-radius:4px;border:1px solid #ffffff22}.palette-choice[aria-pressed=true],.palette-grouts button[aria-pressed=true]{border:2px solid #ff8b32;background:#2a211b;padding:12px;color:#ffc194}.palette-grouts{display:flex;flex-wrap:wrap;gap:9px}.palette-grouts button{font-size:13px;padding:10px}.palette-grouts button[aria-pressed=true]{padding:9px}.palette-grouts i{width:17px;height:17px;border-radius:50%}#palette-status{font-size:14px;color:#e8d7c8;border-top:1px solid #41474a;padding-top:22px;margin:0 0 18px}.palette-controls .btn{width:100%;box-sizing:border-box;background:#ff8526;color:#131513;border:0}.palette-secondary{display:block;text-align:center;color:#ddd;font-size:13px;margin:20px 0}.palette-controls .palette-disclaimer{font-size:12px;color:#a7b1b3;line-height:1.8;margin:25px 0 0}.palette-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0}.palette-card{border:1px solid #41484b;border-radius:10px;overflow:hidden;background:#1b1f22}.palette-card-surface{height:145px;grid-auto-rows:29px;gap:3px;border-radius:0}.palette-card>div:last-child{padding:22px}.palette-index{font-size:9px;letter-spacing:1px;color:#ffab68}.palette-card h3{font-size:24px;letter-spacing:-.5px;margin:14px 0}.palette-card p:not(.palette-index){font-size:13px;color:#b3bdbf;min-height:48px}.palette-card button{font-size:12px;background:none;border:0;border-bottom:1px solid #856040;color:#ffb478;padding:8px 0;min-height:44px;text-align:left;cursor:pointer}.palette-page>.note{font-size:12px;color:#aeb7b8}@media(max-width:1000px){.palette-studio{grid-template-columns:1fr 1fr}.palette-visual{padding:20px}.palette-controls{padding:30px 22px}.palette-options{grid-template-columns:1fr}.palette-surface{height:310px}.palette-catalog{grid-template-columns:1fr 1fr}.palette-card p:not(.palette-index){min-height:0}}@media(max-width:650px){.palette-page{padding-top:40px}.palette-studio{grid-template-columns:1fr;margin-bottom:55px}.palette-surface{height:265px;grid-auto-rows:33px;gap:4px}.palette-visual{padding:18px}.palette-controls{padding:28px 20px}.palette-options{grid-template-columns:1fr 1fr}.palette-choice{font-size:13px;padding:11px}.palette-choice[aria-pressed=true]{padding:10px}.palette-house svg{max-height:250px}.palette-controls h3{margin-bottom:28px}.palette-catalog{gap:12px}.palette-card>div:last-child{padding:16px}.palette-card h3{font-size:22px}.palette-index{font-size:8px}.palette-card-surface{height:115px;grid-auto-rows:24px}.palette-card p:not(.palette-index){font-size:12px}.palette-card button{line-height:1.6}}@media(max-width:380px){.palette-catalog{grid-template-columns:1fr}.palette-card-surface{height:145px}.palette-options{grid-template-columns:1fr}.palette-visual-caption strong{font-size:22px}}