.palette-lab{scroll-margin-top:120px}.lab-intro{max-width:760px}.lab-intro h2{font-size:clamp(40px,5vw,68px);line-height:1.03}.lab-intro p{font-size:16px;line-height:1.8;max-width:62ch;color:#d7ddcf}.lab-status{font-size:10px;letter-spacing:.04em;margin-top:17px;color:#cdb88e}.lab-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;margin-top:30px;align-items:start}.lab-source,.lab-draft{border:1px solid #ffffff26;border-radius:20px;overflow:hidden;background:#07110cd9}.lab-source-photo{position:relative}.lab-source-photo img{display:block;width:100%;height:auto;max-height:none}.lab-pixel{position:absolute;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #0007;transform:translate(-50%,-50%);pointer-events:none}.lab-source-copy,.lab-draft{padding:24px}.lab-source-copy h3,.lab-draft h3{font-size:32px;line-height:1.1;margin:12px 0}.lab-source-copy p{font-size:12px;color:#cdd5c4;line-height:1.8}.source-colors,.draft-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.source-swatch,.draft-swatch{border:1px solid #ffffff26;border-radius:10px;overflow:hidden;padding:0 0 10px;font-size:10px;line-height:1.5;text-align:center;min-height:88px;background:#ffffff05}.source-swatch:before,.draft-swatch:before{content:'';display:block;height:48px;background:var(--swatch);margin-bottom:9px}.source-swatch span,.draft-swatch span,.source-swatch small,.draft-swatch small{display:block}.source-swatch small,.draft-swatch small{font-size:8px;color:#c9cdbd}.source-swatch[aria-pressed=true]{border-color:#dac096;box-shadow:0 0 0 1px #dac096}.lab-draft label{display:block;font-size:11px;color:#d1c19e;margin:20px 0 8px}.lab-draft input{width:100%;font:inherit;font-size:14px;min-height:46px;padding:10px 12px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff08;color:#fff}.lab-draft input:focus-visible{outline:2px solid #caae7b}.lab-count{font-size:10px;color:#cdbb97}.lab-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.lab-actions button,.lab-use{border:1px solid #ffffff38;border-radius:30px;padding:10px 15px;font-size:11px;line-height:1.5;min-height:42px;background:#ffffff08}.lab-use{margin-top:20px}.lab-actions button:disabled{opacity:.45;cursor:not-allowed}.lab-message{font-size:12px;line-height:1.7;color:#ead8b6;min-height:42px;margin-top:18px}.lab-empty{font-size:12px!important;line-height:1.8!important;color:#c0c9b8!important;grid-column:1/-1}.lab-note{font-size:11px;line-height:1.8;color:#c1cbb6;margin-top:18px}.starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.starter-palette{padding:0 0 17px;background:#09130ed9;border:1px solid #ffffff25;border-radius:14px;overflow:hidden;text-align:left}.starter-strip,.saved-strip{display:flex;overflow:hidden}.starter-strip{height:58px;margin-bottom:15px}.starter-strip i,.saved-strip i{flex:1}.starter-palette strong,.starter-palette small{display:block;padding:0 15px;font-size:13px}.starter-palette small{font-size:10px;color:#c1c9b8;margin-top:5px}.starter-palette[aria-pressed=true]{border-color:#d6bd8e}.saved-heading{font:600 30px var(--display);margin-top:30px}.saved-palette{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding:12px 0}.saved-palette>button:first-child{flex:1;text-align:left;font-size:12px;padding:0;line-height:1.7}.saved-strip{height:15px;border-radius:5px;margin-bottom:7px;max-width:220px}.delete-draft{font-size:10px;color:#cab38f;min-height:36px}.lab-catalogue-title{font:600 30px var(--display);margin:32px 0 0}
@media(max-width:800px){.lab-layout{grid-template-columns:1fr;gap:20px}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-source-copy,.lab-draft{padding:20px}.lab-intro p{font-size:14px}.starter-strip{height:45px}.starter-palette strong{font-size:12px}.lab-actions button{flex:1 1 auto}.lab-source-copy h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.palette-lab *{transition:none!important;animation:none!important}}
/* Catalogue cards and swatches use block flow, not the site's inline-flex CTA layout. */
.palette-lab .starter-palette,.palette-lab .source-swatch,.palette-lab .draft-swatch,.palette-lab .saved-palette>button:first-child{display:block!important;justify-content:initial;align-items:initial;gap:0}.palette-lab .source-swatch:before,.palette-lab .draft-swatch:before{width:100%;position:static;opacity:1;transform:none}.palette-lab .source-swatch,.palette-lab .draft-swatch{font-size:11px}.palette-lab .starter-strip,.palette-lab .saved-strip{width:100%}.palette-lab .starter-strip i,.palette-lab .saved-strip i{display:block}
/* Full-bleed collectible studies: real image, no generated artwork. */
.collectible-card{position:relative;isolation:isolate;max-width:460px;aspect-ratio:5/7;margin:32px auto 20px;border-radius:24px;border:1px solid #d6e9d881;background-image:linear-gradient(180deg,#07100b70,transparent 32%,#07100b0a 45%,#07100bf2),var(--card-art);background-position:center;background-size:cover;box-shadow:0 20px 70px #0006,inset 0 0 0 6px #ffffff0c;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-align:left}.collectible-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff19,transparent 28%,transparent 75%,#b0eed512);border-radius:inherit}.collectible-head{display:flex;justify-content:space-between;gap:10px;padding:25px 22px;font:600 8px var(--body);letter-spacing:.12em;color:#fff;text-shadow:0 1px 8px #000}.collectible-foot{padding:90px 24px 24px;color:#fff}.collectible-foot>small{letter-spacing:.15em;font-size:10px;color:#d6ebdb}.collectible-foot h3{font-size:clamp(25px,5vw,38px);line-height:1.1;margin:8px 0}.collectible-foot p{font-size:10px;color:#d2decf;line-height:1.7}.colour-stacks{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 15px}.colour-stack{position:relative;min-width:47px;flex:1;padding-top:30px}.colour-stack i{position:absolute;left:0;right:0;top:calc(var(--layer)*-4px);height:27px;background:var(--swatch);border:1px solid #ffffff90;border-radius:5px;box-shadow:0 3px 6px #0005;transform:translateX(calc(var(--layer)*1px))}.colour-stack span,.colour-stack small{display:block;font-family:monospace;font-size:9px}.colour-stack small{font-size:8px;color:#e2e9da;margin-top:4px}.collectible-spec{border-top:1px solid #ffffff35;padding-top:12px;font-size:8px!important;letter-spacing:.12em}.lab-source,.lab-draft,.starter-palette{background:#0b1613b8}.lab-source-copy h3{color:#eee8d6}.lab-layout{gap:22px}
.colour-stacks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;margin:22px 0 12px}.colour-stack{min-width:0}.collectible-foot{padding:65px 24px 20px;background:linear-gradient(transparent,#06110bdb)}.colour-stack span,.colour-stack small{white-space:nowrap}.collectible-card{aspect-ratio:5/8}.collectible-head{font-family:monospace;line-height:1.5}@media(max-width:450px){.collectible-foot{padding:45px 18px 18px}.collectible-head{padding:20px 18px;font-size:7px}.collectible-foot h3{font-size:27px}.collectible-foot p{margin:7px 0}.collectible-card{aspect-ratio:5/8.5}}