.current-design{box-sizing:border-box;min-width:0;max-width:100%;margin:12px 0;padding:12px 14px;border:1px solid #d7e0ef;border-radius:12px;background:#f7f9fd;color:#111d38;text-align:start;font-size:13px;line-height:1.5}
.current-design__title{display:block;color:#596a84;font-size:11px;font-weight:700;margin-bottom:5px}
.current-design__values{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;min-width:0}
.current-design__values>div{min-width:0;max-width:100%;flex:1 1 160px}
.current-design__values dt{font-size:11px;color:#596a84;margin:0 0 2px}
.current-design__values dd{display:flex;align-items:center;flex-wrap:wrap;gap:5px 9px;min-width:0;margin:0;font-weight:700;overflow-wrap:anywhere}
.current-design__values bdi{min-width:0;max-width:100%}
.current-design__swatches{display:inline-flex;flex-wrap:wrap;gap:3px}
.current-design__swatches i{display:block;box-sizing:border-box;width:13px;height:13px;border-radius:50%;border:1px solid rgba(17,29,56,.2)}
.current-design .current-design__id{display:block;flex-basis:100%;max-width:100%;font-size:10px;line-height:1.5;color:#64748b;font-weight:400;overflow-wrap:anywhere;white-space:normal}
.current-design__managed{margin:0;font-weight:600}
.current-design--compact{margin:0;padding:9px 12px;font-size:12px}
.current-design--compact .current-design__title{display:none}
.current-design--compact .current-design__values{gap:7px 20px}
.current-design--compact .current-design__values>div{flex:0 1 auto}
.guided-preview-design{padding:0 14px 10px}
.template-preview-toolbar .current-design{flex:1 1 280px}
@media(max-width:600px){.current-design__values{gap:7px 16px}.current-design__values>div{flex-basis:140px}.current-design--compact .current-design__values>div{flex:1 1 140px}}