:root{--sx-bg:#f7f7f5;--sx-surface:#fff;--sx-surface-muted:#f4f4f2;--sx-text:#171717;--sx-text-muted:#666;--sx-text-subtle:#71717a;--sx-border:#e5e5e5;--sx-border-strong:#d4d4d4;--sx-focus:#2563eb;--sx-primary:#171717;--sx-primary-hover:#2b2b2b;--sx-primary-text:#fff;--sx-danger:#b42318;--sx-danger-bg:#fef3f2;--sx-success:#067647;--sx-success-bg:#ecfdf3;--sx-warning:#a15c07;--sx-warning-bg:#fffaeb;--sx-container-sm:640px;--sx-container-md:768px;--sx-container-lg:1024px;--sx-container-xl:1200px;--sx-space-1:.25rem;--sx-space-2:.5rem;--sx-space-3:.75rem;--sx-space-4:1rem;--sx-space-5:1.25rem;--sx-space-6:1.5rem;--sx-space-7:2rem;--sx-space-8:2.5rem;--sx-space-9:3rem;--sx-space-10:4rem;--sx-radius-sm:.375rem;--sx-radius-md:.5rem;--sx-radius-lg:.75rem;--sx-radius-xl:1rem;--sx-radius-pill:999px;--sx-font-sans:Arial,Helvetica,sans-serif;--sx-font-size-xs:.75rem;--sx-font-size-sm:.875rem;--sx-font-size-md:1rem;--sx-font-size-lg:1.125rem;--sx-font-size-xl:1.25rem;--sx-font-size-2xl:1.5rem;--sx-font-size-3xl:2rem;--sx-line-tight:1.2;--sx-line-normal:1.5;--sx-line-relaxed:1.7;--sx-shadow-sm:0 1px 2px #1717170f;--sx-shadow-md:0 8px 24px #17171714}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--sx-text);background:var(--sx-bg);font-family:var(--sx-font-sans);font-size:var(--sx-font-size-md);line-height:var(--sx-line-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid var(--sx-focus);outline-offset:2px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed}.sx-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sx-muted-link{color:var(--sx-text-muted);text-underline-offset:.2em;text-decoration:underline}.sx-muted-link:hover{color:var(--sx-text)}
.sx-page-shell{width:min(calc(100% - 2rem),var(--sx-container-lg));padding:var(--sx-space-8)0;margin:0 auto}.sx-page-shell-sm{max-width:var(--sx-container-sm)}.sx-page-shell-md{max-width:var(--sx-container-md)}.sx-page-shell-lg{max-width:var(--sx-container-lg)}.sx-page-shell-xl{max-width:var(--sx-container-xl)}.sx-page-header,.sx-section-header{justify-content:space-between;gap:var(--sx-space-4);margin-bottom:var(--sx-space-6);align-items:flex-start;display:flex}.sx-page-header-content,.sx-section-header-content{gap:var(--sx-space-2);min-width:0;display:grid}.sx-page-eyebrow{color:var(--sx-text-subtle);font-size:var(--sx-font-size-sm);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.sx-page-title{overflow-wrap:anywhere;font-size:var(--sx-font-size-3xl);line-height:var(--sx-line-tight)}.sx-section-title{font-size:var(--sx-font-size-xl);line-height:var(--sx-line-tight)}.sx-page-description,.sx-section-description,.sx-field-description,.sx-state-description{color:var(--sx-text-muted);overflow-wrap:anywhere}.sx-card,.sx-product-card,.sx-collection-card{background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);box-shadow:var(--sx-shadow-sm);padding:var(--sx-space-6)}.sx-product-card,.sx-collection-card{gap:var(--sx-space-4);display:grid}.sx-button,.sx-icon-button{justify-content:center;align-items:center;gap:var(--sx-space-2);border-radius:var(--sx-radius-md);border:1px solid #0000;font-weight:700;line-height:1;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.sx-button-sm{min-height:2rem;padding:0 var(--sx-space-3);font-size:var(--sx-font-size-sm)}.sx-button-md{min-height:2.5rem;padding:0 var(--sx-space-4);font-size:var(--sx-font-size-md)}.sx-icon-button{width:2.5rem;height:2.5rem;padding:0}.sx-button-primary{background:var(--sx-primary);color:var(--sx-primary-text)}.sx-button-primary:hover:not(:disabled){background:var(--sx-primary-hover)}.sx-button-secondary{background:var(--sx-surface);color:var(--sx-text);border-color:var(--sx-border-strong)}.sx-button-secondary:hover:not(:disabled){background:var(--sx-surface-muted)}.sx-button-destructive{background:var(--sx-danger);color:#fff}.sx-button-ghost{color:var(--sx-text);background:0 0}.sx-button-ghost:hover:not(:disabled){background:var(--sx-surface-muted)}.sx-button:disabled,.sx-icon-button:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.18)}.sx-button:focus-visible,.sx-icon-button:focus-visible,.sx-input:focus-visible,.sx-textarea:focus-visible,.sx-select:focus-visible,.sx-card a:focus-visible,.sx-product-card a:focus-visible,.sx-collection-card a:focus-visible{outline:3px solid color-mix(in srgb,var(--sx-primary)62%,white);outline-offset:3px}.sx-status-badge{border-radius:var(--sx-radius-pill);width:fit-content;padding:var(--sx-space-1)var(--sx-space-3);font-size:var(--sx-font-size-xs);border:1px solid #0000;align-items:center;font-weight:700;display:inline-flex}.sx-status-active,.sx-status-published{color:var(--sx-success);background:var(--sx-success-bg)}.sx-status-pending,.sx-status-draft{color:var(--sx-warning);background:var(--sx-warning-bg)}.sx-status-disabled,.sx-status-destructive{color:var(--sx-danger);background:var(--sx-danger-bg)}.sx-status-neutral{color:var(--sx-text-muted);background:var(--sx-surface-muted);border-color:var(--sx-border)}.sx-field{gap:var(--sx-space-2);display:grid}.sx-field-label{font-weight:700}.sx-field-error{color:var(--sx-danger);font-size:var(--sx-font-size-sm)}.sx-input,.sx-textarea,.sx-select{border:1px solid var(--sx-border-strong);border-radius:var(--sx-radius-md);background:var(--sx-surface);width:100%;color:var(--sx-text);padding:var(--sx-space-3)}.sx-textarea{resize:vertical;min-height:8rem}.sx-empty-state,.sx-error-state,.sx-loading-state{gap:var(--sx-space-3);text-align:center;padding:var(--sx-space-8);color:var(--sx-text-muted);place-items:center;display:grid}.sx-error-state{color:var(--sx-danger)}.sx-responsive-grid{--sx-grid-min:16rem;gap:var(--sx-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--sx-grid-min)),1fr));min-width:0;display:grid}@media (max-width:767px){.sx-page-header,.sx-section-header{display:grid}.sx-page-title{font-size:var(--sx-font-size-2xl)}.sx-card,.sx-product-card,.sx-collection-card{padding:var(--sx-space-4)}.sx-empty-state,.sx-error-state,.sx-loading-state{padding:var(--sx-space-5)}}.sx-form{gap:var(--sx-space-5);display:grid}
