.color-palette-generator .container{max-width:1200px;margin:0 auto}.color-palette-generator .color-card{transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;border-radius:8px;overflow:hidden}.color-palette-generator .color-card:hover{transform:translateY(-2px);box-shadow:var(--teb-shadow-card)}.color-palette-generator .color-card .color-info{position:absolute;bottom:8px;left:8px;right:8px}.color-palette-generator .color-card .color-actions{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s ease}.color-palette-generator .color-card:hover .color-actions{opacity:1}.color-palette-generator .code-examples pre{font-family:var(--teb-font-mono);font-size:13px;line-height:1.55;overflow-x:auto;background:var(--teb-canvas);color:var(--teb-ink);border:1px solid var(--teb-hairline);padding:12px 14px;border-radius:8px;margin-top:8px}@media (max-width: 768px){.color-palette-generator{padding:16px}.color-palette-generator .color-card{height:100px}.color-palette-generator .color-info{bottom:4px;left:4px;right:4px}.color-palette-generator .color-actions{top:4px;right:4px}}@media (max-width: 480px){.color-palette-generator .color-card{height:80px}}