.model-palette{border:1px solid var(--line);background:var(--surface-glow);margin:26px 0 40px;padding:30px}.palette-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.palette-heading .micro-label{margin:0 0 9px}.palette-heading h3{font-family:Cinzel,Georgia,serif;font-size:25px;line-height:1.4}.palette-heading h3 em{font-family:Cinzel Decorative,Georgia,serif;font-style:normal}.palette-heading>p{color:var(--muted);margin:0;font-size:11px}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.palette-color{text-align:center;border:1px solid var(--accent-soft);background:var(--surface-translucent);min-width:0;padding:18px 10px 14px}.palette-copy{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.palette-star{width:85px;height:85px;filter:drop-shadow(0 0 1px var(--swatch-outline)) drop-shadow(0 3px 12px var(--shadow));margin-bottom:16px;transition:transform .2s;display:block;position:relative}.palette-star:before{content:"";background:var(--swatch);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 57%,79% 92%,50% 71%,21% 92%,32% 57%,2% 35%,39% 34%);position:absolute;inset:0}.palette-copy:hover .palette-star{transform:translateY(-3px)rotate(6deg)}.palette-name{color:var(--ink);font-size:12px}.palette-use{color:var(--muted);margin-top:4px;font-size:10px}.palette-action{color:var(--purple);margin:13px 0 9px;font-size:9px}.palette-hex{letter-spacing:1px;background:var(--accent-faint);color:var(--ink);user-select:all;padding:4px 9px;font-family:ui-monospace,monospace;font-size:13px;display:inline-block}.palette-source{max-width:700px;color:var(--muted);margin:24px 0 0;font-size:11px;line-height:1.7}.palette-feedback{min-height:1.7em;color:var(--purple);margin:12px 0 0;font-size:12px}@media (width<=900px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.model-palette{padding:22px 15px}.palette-heading{display:block}.palette-heading>p{margin-top:12px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.palette-heading h3{font-size:21px}.palette-star{width:72px;height:72px}}.palette-name,.palette-use,.palette-heading>p,.palette-source,.palette-feedback{font-size:.875rem}.palette-action{font-size:.75rem}.stack-deck{--deck-height:350px;--card-height:calc(var(--deck-height) - 80px);--spread:3deg;--shift:6px;height:var(--deck-height);background:radial-gradient(ellipse at 50% 62%, var(--surface-glow), transparent 70%), var(--surface);touch-action:pan-y;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.expression-card .stack-deck{--deck-height:260px;--card-height:calc(var(--deck-height) - 46px);--spread:5.5deg;--shift:9px}.stack-item{height:var(--card-height);aspect-ratio:5/7;border:1px solid var(--line-strong);background:radial-gradient(ellipse at 50% 40%, var(--surface-glow), transparent 72%), var(--surface-raised);box-shadow:0 10px 22px var(--shadow);transform-origin:50% 120%;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;grid-area:1/1;padding:24px 8px;transition:transform .45s cubic-bezier(.2,.75,.25,1),opacity .3s,filter .3s;display:block;position:relative}.stack-item:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:8px;position:absolute;inset:5px}.stack-item img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.stack-item:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.stack-mark{z-index:1;color:var(--purple);flex-direction:column;align-items:center;font:600 11px/1 Cinzel,Georgia,serif;display:flex;position:absolute}.stack-mark:after{content:"✦";color:var(--spark);margin-top:2px;font-size:9px}.stack-mark-top{top:9px;left:10px}.stack-mark-bottom{bottom:9px;right:10px;transform:rotate(180deg)}.stack-item[data-pos="0"]{z-index:6;transform:translateX(calc(var(--shift) * .3)) rotate(1.5deg);cursor:zoom-in}.stack-item[data-pos="1"],.stack-item[data-pos="2"],.stack-item[data-pos="3"],.stack-item[data-pos="4"]{cursor:pointer}.stack-item[data-pos="1"]{z-index:5;transform:translateX(calc(var(--shift) * -1)) rotate(calc(var(--spread) * -1));filter:brightness(.9)}.stack-item[data-pos="2"]{z-index:4;transform:translateX(var(--shift)) rotate(var(--spread));filter:brightness(.9)}.stack-item[data-pos="3"]{z-index:3;transform:translateX(calc(var(--shift) * -1.6)) rotate(calc(var(--spread) * -1.75));filter:brightness(.78)}.stack-item[data-pos="4"]{z-index:2;transform:translateX(calc(var(--shift) * 1.6)) rotate(calc(var(--spread) * 1.75));filter:brightness(.78)}.stack-item[data-pos="5"]{z-index:1;opacity:0;pointer-events:none}@media (hover:hover){.stack-deck:hover{--spread:3.6deg}.expression-card .stack-deck:hover{--spread:6.5deg}}@container (width>=440px){.stack-item{--spread:4.5deg;--shift:30px}.expression-card .stack-item{--spread:7deg}@media (hover:hover){.stack-deck:hover .stack-item{--spread:5.5deg}.expression-card .stack-deck:hover .stack-item{--spread:8.5deg}}}.stack-card .stack-deck .stack-item.is-thrown{z-index:7;opacity:0;pointer-events:none;transform:translate(85%,-4%)rotate(16deg)}.stack-card .stack-deck .stack-item.is-incoming{z-index:7;opacity:0;transition:none;transform:translate(-85%,-4%)rotate(-16deg)}.stack-open{z-index:8;color:var(--ink);cursor:zoom-in;font-family:inherit}.stack-card:not(.is-ready) .stack-open{display:none}.stack-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-controls{align-items:center;gap:6px;display:flex}.stack-card:not(.is-ready) .stack-controls{visibility:hidden}.stack-controls button{border:1px solid var(--line-strong);background:var(--surface-translucent);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0 0 2px;font:20px/1 Georgia,serif;transition:border-color .2s,background .2s;display:grid}.stack-controls button:hover,.stack-controls button:focus-visible{border-color:var(--purple);background:var(--accent-soft)}.stack-count{text-align:center;letter-spacing:1.5px;min-width:3.4em;color:var(--purple);font-variant-numeric:tabular-nums;font-size:10px}@media (prefers-reduced-motion:reduce){.stack-item{transition:none}}
