.component-content:has(.property-panel){padding:0}.component-content:has(.property-panel.property-panel-top){max-height:unset}.property-panel{background-color:#a3929208;flex-direction:column;display:flex;overflow:hidden}.property-panel.property-panel-right{border-left:1px solid var(--border-color);height:100%}.property-panel.property-panel-top{border-bottom:1px solid var(--border-color);grid-row:1;width:100%;max-height:500px}.property-panel-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:8px 12px}.property-panel-title{color:var(--text-color);margin:0;font-size:16px;font-weight:600}.property-panel-content{flex:1;padding:8px;overflow-y:auto}.property-table{border-collapse:separate;border-spacing:0;width:100%;display:table}.row{background:0 0;display:table-row}.col,[class^=col-]{vertical-align:middle;min-height:100%;padding:8px 4px;display:table-cell}.col.gap-10>:not(:last-child),[class^=col-].gap-10>:not(:last-child){margin-right:10px}.col.gap-15>:not(:last-child),[class^=col-].gap-15>:not(:last-child){margin-right:15px}.col.gap-20>:not(:last-child),[class^=col-].gap-20>:not(:last-child){margin-right:20px}.col{width:auto}.col-1{width:8.33333%}.col-2{width:16.6667%}.col-3{width:25%}.col-4{width:33.3333%}.col-5{width:41.6667%}.col-6{width:50%}.col-7{width:58.3333%}.col-8{width:66.6667%}.col-9{width:75%}.col-10{width:83.3333%}.col-11{width:91.6667%}.col-12{width:100%}.preview-container:has(.property-panel)>:not(.component-section,.typography-section):not(.property-panel){align-items:center;max-width:100%;min-height:350px;padding:20px;overflow:auto}@media (max-width:768px){.property-panel{width:100%;min-width:unset;max-height:250px}.property-panel.pos-top .col,[class^=col-]{width:100%;display:block}}.property-panel-content{scrollbar-width:thin}.preview-container:has(.property-panel){gap:0;padding:0;display:grid}.preview-container:has(.property-panel.property-panel-right):not(.preview-container:has(.property-panel.property-panel-top)){grid-template-rows:1fr;grid-template-columns:1fr 40%;gap:1px}.preview-container:has(.property-panel.property-panel-top){grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:1px}.preview-container:has(.property-panel.property-panel-right) .component-section{align-items:center;max-width:100%;padding:20px;overflow:auto}.preview-container:has(.property-panel.property-panel-top) .component-section{max-width:unset;padding:20px}.preview-container.property-pane-collapsed .property-panel{display:none}.preview-container.property-pane-collapsed:has(.property-panel.property-panel-right):not(.preview-container:has(.property-panel.property-panel-top)){grid-template-rows:1fr;grid-template-columns:1fr;gap:0}.sb-no-frame .property-panel.property-panel-top{border:1px solid var(--border-color);margin-bottom:8px}.sb-no-frame .preview-container:has(.property-panel)>:not(.component-section):not(.property-panel){padding:0}