/* Shape samples have the same quiet, flat controls as the RoCode inspector. */
.section-finish-settings { min-width:0; }
.section-finish-settings [data-choice-kind=section-edge] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.section-finish-settings [data-choice-kind=section-spacing] { grid-template-columns:repeat(2,minmax(0,1fr)); }
html:root .builder-workspace .block-inspector .section-finish-settings .choice-tile { min-height:106px; padding:20px 4px 8px; grid-template-rows:40px minmax(28px,auto); gap:8px; }
.section-finish-settings .choice-picture { display:flex; justify-content:center; align-items:center; width:52px; max-width:100%; height:40px; min-height:40px; min-width:0; }
html:root .builder-workspace .block-inspector .section-finish-settings .choice-name { display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1.2; overflow-wrap:anywhere; }
.section-edge-preview { display:block; width:min(44px,100%); height:30px; margin:auto; background:#d3e6ff; border-radius:4px 4px 0 0; position:relative; }
.section-edge-preview i { position:absolute; inset:17px 0 -1px; background:#4383e8; }
.section-edge-preview.edge-none i { inset:28px 0 0; }
.section-edge-preview.edge-wave i { clip-path:polygon(0 0,100% 0,100% 40%,85% 50%,70% 85%,55% 100%,40% 85%,25% 45%,10% 30%,0 40%); }
.section-edge-preview.edge-scallop i { clip-path:polygon(0 0,100% 0,100% 55%,95% 90%,90% 100%,85% 90%,80% 55%,75% 90%,70% 100%,65% 90%,60% 55%,55% 90%,50% 100%,45% 90%,40% 55%,35% 90%,30% 100%,25% 90%,20% 55%,15% 90%,10% 100%,5% 90%,0 55%); }
.section-edge-preview.edge-torn i { clip-path:polygon(0 0,100% 0,100% 60%,92% 80%,85% 50%,76% 90%,68% 60%,59% 80%,52% 100%,42% 60%,34% 80%,26% 55%,17% 85%,8% 60%,0 75%); }
.section-edge-preview.edge-mountain i { clip-path:polygon(0 0,100% 0,100% 20%,80% 90%,65% 35%,43% 100%,23% 30%,0 90%); }
.section-edge-preview.edge-curve i { border-radius:0 0 50% 50%; }
.section-spacing-preview { display:grid; width:min(44px,100%); margin:auto; gap:4px; }
.section-spacing-preview i { height:5px; border-radius:2px; background:#4383e8; }
.section-spacing-preview.spacing-compact { gap:2px; }
.section-spacing-preview.spacing-comfortable { gap:6px; }
.section-spacing-preview.spacing-airy { gap:9px; }
.section-design-tools [data-builder-action=tidy-section] { color:#255a96; background:#eff6ff; }
@media(max-width:720px) { .section-design-tools [data-builder-action=tidy-section] { grid-column:1 / -1; } }