.sp-editor{max-width:100%}.sp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sp-center{justify-content:center;align-items:center;padding:48px 0;display:flex}.sp-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.sp-category-tabs{flex-shrink:0;background:0 0!important}.sp-search{flex-shrink:1;max-width:280px}.sp-category{border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);overflow:hidden}.sp-category-title{background:var(--mantine-color-default-hover);border-bottom:1px solid var(--mantine-color-default-border);padding:10px 16px}.sp-property-list{flex-direction:column;display:flex}.sp-property{border-bottom:1px solid var(--mantine-color-default-border);justify-content:space-between;align-items:flex-start;gap:24px;padding:12px 16px;transition:background .1s;display:flex}.sp-property:last-child{border-bottom:none}.sp-property:hover{background:var(--mantine-color-default-hover)}.sp-property--changed{background:#3b82f60d}.sp-property--changed:hover{background:#3b82f614}.sp-property-header{flex:1;min-width:0}.sp-property-key-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-property-key{word-break:break-all}.sp-property-desc{margin-top:2px;line-height:1.4}.sp-property-input{flex-shrink:0;align-items:center;width:280px;display:flex}.sp-slider{flex:1}.sp-tag{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.4;display:inline-block}.sp-tag--gray{color:#94a3b8;background:#94a3b826}.sp-tag--red{color:#ef4444;background:#ef444426}.sp-tag--yellow{color:#f59e0b;background:#f59e0b26}.sp-tag--blue{color:#3b82f6;background:#3b82f626}@media (max-width:768px){.sp-property{flex-direction:column;gap:8px}.sp-property-input{width:100%}.sp-filters{flex-direction:column;align-items:stretch}.sp-search{max-width:100%}.sp-category-tabs{overflow-x:auto}}