.palette-demo.stage{height:410px!important;min-height:410px!important;background:#f1f0e9;color:#333}
.palette-demo .stage-label,.palette-demo .stage-prompt{display:none}
.palette-art{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--pal-page);color:var(--pal-ink);container-type:inline-size;overflow:auto}
.palette-tools{display:flex;justify-content:space-between;gap:6px}.palette-tools button{font-size:10px;padding:8px 9px;border:1px solid currentColor;border-radius:5px;background:var(--pal-surface);color:var(--pal-ink);min-height:34px}.palette-tools [aria-pressed=true]{background:var(--pal-accent);color:var(--pal-button-ink);border-color:var(--pal-accent)}.palette-tools [role=group]{display:flex;gap:4px}
.palette-brand,.palette-dashboard{flex:1;min-height:210px}.palette-art [hidden]{display:none!important}.palette-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:8px 0 14px;border-bottom:1px solid color-mix(in srgb,var(--pal-ink) 20%,transparent)}.palette-nav span{font-size:7px;letter-spacing:.08em}.palette-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:8px;padding:20px 0 10px}.palette-hero small{font-size:7px;letter-spacing:.06em}.palette-hero strong{display:block;font:600 clamp(22px,5.7cqw,42px)/1.25 Georgia,'Songti SC',serif;margin:10px 0 16px}.palette-cta{display:inline-block;background:var(--pal-accent);color:var(--pal-button-ink);padding:9px 12px;border-radius:4px;font-size:9px}.palette-sculpture{position:relative;height:145px}.palette-sculpture i{position:absolute;width:72%;height:80%;border-radius:70px 70px 9px 9px;bottom:0;left:0;background:var(--pal-accent)}.palette-sculpture i:nth-child(2){height:63%;width:57%;left:33%;background:var(--pal-detail)}.palette-sculpture i:nth-child(3){height:43%;width:40%;left:12%;background:var(--pal-surface);box-shadow:0 10px 20px #0002}
.palette-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.palette-swatches button{background:var(--pal-surface);color:var(--pal-ink);padding:3px;border:1px solid color-mix(in srgb,var(--pal-ink) 20%,transparent);border-radius:5px;min-width:0;text-align:left}.palette-swatches i{display:block;height:24px;border-radius:2px;border:1px solid #8884}.palette-swatches span{font-size:9px;display:block;padding:4px 1px}.palette-swatches b{display:block;font:8px ui-monospace,monospace;margin-top:3px}.palette-status{font-size:9px;line-height:1.4;min-height:13px}.palette-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.palette-metrics>div{padding:15px;background:var(--pal-surface);border-radius:8px}.palette-metrics small{font-size:10px}.palette-metrics strong{display:block;font-size:35px;margin:15px 0;color:var(--pal-ink)}.palette-metrics em{font-size:15px;font-style:normal}.palette-progress{display:block;height:9px;border-radius:9px;background:linear-gradient(90deg,var(--pal-accent) 86%,var(--pal-detail) 86%)}.palette-bars{display:flex;align-items:end;gap:5px;height:40px}.palette-bars i{flex:1;background:var(--pal-accent);border-radius:3px}.palette-bars i:nth-child(even){background:var(--pal-detail)}.palette-copy-fallback{flex:none;width:100%;height:90px;font:11px monospace;background:var(--pal-surface);color:var(--pal-ink)}
.preview-stage.palette-demo{height:510px!important;min-height:510px!important}.preview-stage .palette-art{padding:24px;gap:16px}.preview-stage .palette-hero{max-width:760px;margin:auto}.preview-stage .palette-sculpture{height:200px}.preview-stage .palette-swatches i{height:36px}.preview-stage .palette-swatches b{font-size:11px}.preview-stage .palette-status{font-size:11px}.preview-stage .palette-metrics{max-width:760px;margin:20px auto}
.discovery{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.discovery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.discovery{grid-template-columns:1fr}.preview-stage .palette-art{padding:12px;gap:12px}.preview-stage .palette-sculpture{height:140px}.preview-stage .palette-swatches b{font-size:8px}.preview-stage.palette-demo{height:445px!important;min-height:445px!important}.palette-tools button{font-size:10px;padding:8px}.palette-tools{gap:4px}}