:root{--font-body: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-heading: "Trebuchet MS", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "Cascadia Mono", "Consolas", "SFMono-Regular", "Menlo", monospace;color:#1f2933;font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:transparent}.embed-shell{border:1px solid rgba(31,41,51,.14);border-radius:14px;background:linear-gradient(180deg,#fff,#f7faf9);padding:.72rem;display:grid;gap:.62rem}.swatch-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.swatch{border-radius:10px;background:var(--swatch);min-height:74px;display:flex;align-items:flex-end;justify-content:center;padding:.36rem;border:1px solid rgba(31,41,51,.14)}.swatch span{border-radius:999px;background:#111827ad;color:#fff;padding:.15rem .44rem;font-family:var(--font-mono);font-size:.68rem}.embed-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.brand-note{margin:0;color:#4f5d6a;font-size:.76rem}.open-link{border:1px solid rgba(31,41,51,.2);border-radius:999px;background:#fff;color:#1f2933;text-decoration:none;padding:.35rem .7rem;font-weight:700;font-size:.76rem;white-space:nowrap}.open-link:hover{border-color:#1f293373}@media(max-width:560px){.swatch-strip{grid-template-columns:repeat(5,minmax(52px,1fr))}.swatch{min-height:60px}.embed-footer{flex-direction:column;align-items:stretch}.open-link{text-align:center}}