.design-publish-bar{background:var(--mantine-color-body);border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;padding:1rem;display:flex}.designer{border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-lg);background:var(--mantine-color-body);min-inline-size:0;margin:0;padding:0;overflow:hidden}.designer-toolbar,.segmented,.section-actions{flex-wrap:wrap;gap:.5rem;display:flex}.designer-toolbar{border-block-end:1px solid var(--mantine-color-default-border);justify-content:space-between;padding:1rem}.designer-layout{grid-template-columns:250px minmax(0,1fr) 310px;align-items:start;display:grid}.designer-inspector,.designer-property-panel{border-inline-end:1px solid var(--mantine-color-default-border);max-block-size:calc(100dvh - 220px);min-inline-size:0;overflow-y:auto}.designer-property-panel{border-inline-start:1px solid var(--mantine-color-default-border);grid-area:1/3}.designer-properties{min-inline-size:0;padding:1rem}.designer h2{margin-block:0 1rem;font-size:1rem}.designer-sections ol{gap:.3rem;max-block-size:200px;padding:0;list-style:none;display:grid;overflow-y:auto}.section-number{padding-inline-end:.5rem;font-size:.75rem}.designer-canvas{background:var(--mantine-color-gray-1);grid-area:1/2;min-block-size:600px;max-block-size:calc(100dvh - 220px);inline-size:100%;min-inline-size:0;padding:1.5rem;overflow:auto}.preview-frame{border-radius:var(--mantine-radius-md);border:1px solid var(--mantine-color-gray-3);box-shadow:var(--mantine-shadow-sm);background:#fff;inline-size:100%;margin-inline:auto;overflow:hidden}.preview-frame.mobile{max-inline-size:390px}.preview-browser{background:var(--mantine-color-gray-0);color:var(--mantine-color-dimmed);border-block-end:1px solid var(--mantine-color-gray-3);align-items:center;gap:1rem;padding:.75rem;font-size:.75rem;display:flex}.preview-viewport{inline-size:100%;overflow:hidden}.store-preview{background:var(--color-bg)}.design-field-group{min-inline-size:0;margin-block-end:1rem}.design-array-item{background:var(--mantine-color-gray-0);border-radius:var(--mantine-radius-md);margin-block-end:.5rem;padding:.75rem}@media (width<=1000px){.designer-layout{grid-template-columns:minmax(0,1fr)}.designer-canvas{grid-area:1/1;min-block-size:0;max-block-size:560px;padding:1rem}.designer-inspector,.designer-property-panel{border-inline-end:0;border-block-start:1px solid var(--mantine-color-default-border);grid-area:auto/1;max-block-size:none}}.designer-workspace>header{margin-block-end:var(--mantine-spacing-lg)}.designer-workspace{min-block-size:100dvh}.designer-mobile-panels{display:none}@media (width<=1000px){.designer-mobile-panels{margin:var(--mantine-spacing-md);display:flex}.designer:not([data-panel=sections]) .designer-inspector,.designer:not([data-panel=properties]) .designer-property-panel,.designer:not([data-panel=preview]) .designer-canvas{display:none}}