.clamp-css-output{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:.85rem;
    line-height:1.55;
    background:var(--bs-tertiary-bg);
    padding:.75rem 1rem;
    border-radius:.375rem;
    white-space:pre-wrap;
    margin:0;
    color:var(--bs-body-color);
    max-height:320px;
    overflow-y:auto;
}
.clamp-css-output .ts-keyword{color:#9b59b6;font-weight:600;}
.clamp-css-output .ts-prop{color:#2e86de;}
.clamp-css-output .ts-num{color:#e67e22;}
.clamp-css-output .ts-comment{color:var(--bs-secondary-color);font-style:italic;}
[data-bs-theme="dark"] .clamp-css-output .ts-keyword{color:#c792ea;}
[data-bs-theme="dark"] .clamp-css-output .ts-prop{color:#82aaff;}
[data-bs-theme="dark"] .clamp-css-output .ts-num{color:#f78c6c;}

.clamp-preview{
    border:1px dashed var(--bs-border-color);
    border-radius:.375rem;
    padding:1rem 1.25rem;
    background:var(--bs-body-bg);
    transition:font-size .15s;
}
.clamp-preview .clamp-preview-row{
    padding:.5rem 0;
    border-bottom:1px solid var(--bs-border-color);
}
.clamp-preview .clamp-preview-row:last-child{border-bottom:none;}
.clamp-preview .clamp-preview-name{
    font-size:.75rem;
    color:var(--bs-secondary-color);
    text-transform:uppercase;
    letter-spacing:.05em;
    margin-bottom:.15rem;
}
.clamp-preview .clamp-preview-text{
    line-height:1.2;
    color:var(--bs-body-emphasis-color);
}

.clamp-css-cell{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-size:.78rem;
    color:var(--bs-secondary-color);
    word-break:break-all;
}
[data-bs-theme="dark"] .clamp-css-cell{color:var(--bs-emphasis-color);}