.color-proposal-actions{flex-wrap:wrap;gap:12px;display:flex}.color-proposal-example fieldset,.color-proposal-example label,.color-proposal-example input,.color-proposal-example select{min-inline-size:0;max-inline-size:100%}.color-proposal-example p,.color-proposal-example dt,.color-proposal-example dd,.color-proposal-example summary{overflow-wrap:anywhere}.color-proposal-example dl>div{min-inline-size:0}.color-proposal-actions .mt-btn,.color-proposal-preview .mt-btn{white-space:normal;overflow-wrap:anywhere;block-size:auto;min-block-size:44px;max-inline-size:100%}.color-proposal-preview{border-radius:var(--radius-md);border:1px solid;flex-direction:column;align-items:start;gap:12px;min-inline-size:0;padding:16px;display:flex}.color-proposal-preview p,.color-proposal-preview h3{overflow-wrap:anywhere}.color-proposal-swatch{border:1px solid var(--color-muted-foreground);vertical-align:middle;block-size:44px;inline-size:44px;display:inline-block}