:root{color-scheme:light;--mx-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mx-bg-app: #f1f1f1;--mx-bg-sidebar: #f6f6f7;--mx-bg-surface: #ffffff;--mx-bg-surface-hover: #f7f7f7;--mx-bg-surface-active: #f3f3f3;--mx-bg-dark: #111213;--mx-bg-dark-2: #1f2124;--mx-bg-primary: #303030;--mx-bg-primary-hover: #1f1f1f;--mx-text: #303030;--mx-text-secondary: #616161;--mx-text-light: #ffffff;--mx-text-link: #005bd3;--mx-text-success: #0c5132;--mx-text-warning: #8a6116;--mx-text-critical: #8e1f0b;--mx-border: #e3e3e3;--mx-border-hover: #c9cccf;--mx-border-focus: #005bd3;--mx-success-bg: #c7f1d0;--mx-warning-bg: #fff1d6;--mx-critical-bg: #ffe0db;--mx-shadow-card: 0 1px 0 rgba(0, 0, 0, .05), 0 0 0 1px rgba(63, 63, 68, .05), 0 2px 1px rgba(0, 0, 0, .03);--mx-shadow-inset: inset 0 0 0 1px rgba(0, 0, 0, .08);--mx-shadow-button: 0 -1px 0 0 #b5b5b5 inset, 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 .5px 0 1.5px #fff inset;--mx-shadow-button-hover: 0 1px 0 0 #ebebeb inset, -1px 0 0 0 #ebebeb inset, 1px 0 0 0 #ebebeb inset, 0 -1px 0 0 #ccc inset;--mx-shadow-button-primary: 0 -1px 0 1px rgba(0, 0, 0, .8) inset, 0 0 0 1px #303030 inset, 0 .5px 0 1.5px rgba(255, 255, 255, .25) inset;--mx-shadow-button-primary-hover: 0 1px 0 0 rgba(255, 255, 255, .16) inset, 1px 0 0 0 rgba(255, 255, 255, .12) inset, -1px 0 0 0 rgba(255, 255, 255, .12) inset, 0 -1px 0 0 #000 inset;--mx-radius-sm: 8px;--mx-radius-md: 12px;--mx-radius-pill: 999px;--mx-control-h: 36px;--mx-topbar-h: 56px;--mx-sidebar-w: 236px;font-family:var(--mx-font-sans)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--mx-bg-app);color:var(--mx-text);font-family:var(--mx-font-sans);font-size:13px;line-height:1.4}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:var(--mx-sidebar-w) 1fr}.sidebar{background:var(--mx-bg-sidebar);border-right:1px solid var(--mx-border);padding:14px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}.shopify-mark{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:15px;font-weight:700}.shopify-bag{width:18px;height:18px;border-radius:4px;background:#95bf47;position:relative;box-shadow:inset 0 0 0 1px #00000014}.shopify-bag:before{content:"";position:absolute;left:4px;right:4px;top:2px;height:5px;border:1.5px solid rgba(255,255,255,.95);border-bottom:0;border-radius:8px 8px 0 0}.sidebar-section{display:grid;gap:8px;padding:8px;border-radius:12px;background:#ffffffb3;border:1px solid var(--mx-border)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;font-size:12px;font-weight:700;color:var(--mx-text-secondary)}.nav-section-title{padding:10px 10px 4px;color:var(--mx-text-secondary);font-size:12px;font-weight:600}.shop-select{display:grid;gap:6px}.shop-select span{color:var(--mx-text-secondary);font-size:12px;font-weight:600}.active-shop-card{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:var(--mx-shadow-inset)}.active-shop-card strong{font-size:13px}.active-shop-card span{color:var(--mx-text-secondary);font-size:12px}.sidebar-nav{display:grid;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;color:var(--mx-text);border-radius:8px;font-weight:500}.nav-link:before{content:"";width:16px;height:16px;border-radius:5px;background:linear-gradient(180deg,#7a7a7a,#4f4f4f);opacity:.8;flex:0 0 auto}.nav-link:hover{background:#0000000a}.nav-link.is-active{background:#fff;box-shadow:var(--mx-shadow-inset)}.shell-main{min-width:0;display:grid;grid-template-rows:var(--mx-topbar-h) 1fr}.topbar{background:var(--mx-bg-dark);color:var(--mx-text-light);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px}.search{max-width:660px;flex:1;height:36px;border-radius:12px;background:var(--mx-bg-dark-2);border:1px solid rgba(255,255,255,.12);color:#ffffffdb;display:flex;align-items:center;padding:0 14px}.search span{opacity:.78}.topbar-user{display:flex;align-items:center;gap:10px}.icon-btn-dark{width:32px;height:32px;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,.12)}.user-pill{height:32px;border-radius:10px;background:#1e8e5a;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-weight:700;font-size:12px}.content{padding:26px;overflow:auto}.resource-header,.resource-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.resource-header{justify-content:space-between}.resource-header-main{display:grid;gap:8px}.resource-back-link{color:var(--mx-text-secondary);font-weight:600}.resource-title{margin:0;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.02em}.resource-status-pill,.mini-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#ececec;color:#4d4d4d;font-size:12px;font-weight:700}.resource-status-pill[data-status=active]{background:#c7f1d0;color:#0c5132}.resource-status-pill[data-status=draft]{background:#fff1d6;color:#8a6116}.mini-pill--soft{background:#f6f6f7;color:var(--mx-text-secondary)}.page-stack,.section-grid,.selection-stack,.toolbar-card,.spotlight-card,.detail-list,.inline-stat{display:grid;gap:18px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title,.login-card h1,.empty-workspace-card h1{margin:0;font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em}.page-eyebrow,.metric-label,.detail-label{margin:0 0 6px;color:var(--mx-text-secondary);font-size:12px;font-weight:700}.page-sub,.page-description,.panel-header p,.metric-hint,.inline-note,.spotlight-meta,.detail-list span,.toolbar-card p,.modal-header p,.wizard-step p,.key-value-list span{margin:6px 0 0;color:var(--mx-text-secondary)}.actions,.page-header-actions,.toolbar-right,.badge-row,.modal-header,.modal-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions{justify-content:flex-end}.stats,.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.two-column,.detail-grid{display:grid;gap:18px}.two-column{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.card,.panel,.metric-card,.detail-card,.toolbar-card,.modal-card,.login-card,.empty-workspace-card{background:var(--mx-bg-surface);border-radius:var(--mx-radius-md);box-shadow:var(--mx-shadow-card)}.card,.panel,.metric-card,.detail-card,.toolbar-card{padding:16px}.panel-header{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-header h2{margin:0;font-size:17px;font-weight:700}.stat-label{color:var(--mx-text-secondary);font-size:12px;font-weight:600;margin-bottom:8px}.stat-value{font-size:28px;line-height:1;font-weight:700;letter-spacing:-.02em}.stat-meta{margin-top:10px;height:3px;border-radius:999px;background:#e9ecef;overflow:hidden}.stat-meta:after{content:"";display:block;width:34%;height:100%;background:#4db6ff}.form-grid,.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field-span,.field.full{grid-column:1 / -1}.label{font-size:12px;font-weight:700}.help{font-size:12px;color:var(--mx-text-secondary)}input,select,textarea{width:100%;border:1px solid var(--mx-border);background:#fff;color:var(--mx-text);border-radius:10px;box-shadow:var(--mx-shadow-inset);transition:border-color .14s ease,box-shadow .14s ease}input,select{height:var(--mx-control-h);padding:0 12px}textarea{min-height:112px;padding:12px;resize:vertical}input:hover,select:hover,textarea:hover{border-color:var(--mx-border-hover)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mx-border-focus);outline-offset:2px}.app-select{position:relative}.app-select select{appearance:none;padding-right:38px}.app-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-52%);pointer-events:none;color:var(--mx-text-secondary)}.primary-button,.secondary-button,.ghost-button,.icon-button,.button-link{appearance:none;border:0;height:var(--mx-control-h);border-radius:10px;padding:0 14px;font:inherit;font-weight:600;color:var(--mx-text);background:#fff;box-shadow:var(--mx-shadow-button);cursor:pointer;transition:background .14s ease,transform .08s ease,box-shadow .14s ease}.ghost-button,.icon-button{height:32px;padding:0 12px;font-size:12px}.icon-button{width:32px}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.button-link:hover{background:#fafafa;box-shadow:var(--mx-shadow-button-hover)}.primary-button:active,.secondary-button:active,.ghost-button:active,.icon-button:active{transform:translateY(1px)}.primary-button{background:var(--mx-bg-primary);color:var(--mx-text-light);box-shadow:var(--mx-shadow-button-primary)}.primary-button:hover{background:var(--mx-bg-primary-hover);box-shadow:var(--mx-shadow-button-primary-hover)}.secondary-button--dark{background:#ffffff14;color:#fff;box-shadow:none}.secondary-button--dark:hover{background:#ffffff1f;box-shadow:none}.button-link{display:inline-flex;align-items:center;justify-content:center}.table-wrap,.data-table-shell{overflow:hidden;border-radius:12px;border:1px solid var(--mx-border);background:#fff}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--mx-border);vertical-align:middle}.data-table th{background:#fafafa;color:var(--mx-text-secondary);font-size:12px;font-weight:700;text-transform:none;letter-spacing:0}.data-table tbody tr:hover td{background:var(--mx-bg-surface-hover)}.table-link{background:none;border:0;padding:0;color:var(--mx-text-link);font-weight:600;cursor:pointer}.empty-cell{text-align:center;color:var(--mx-text-secondary)}.status-badge{height:28px;padding:0 10px;border-radius:var(--mx-radius-pill);display:inline-flex;align-items:center;font-size:12px;font-weight:700;background:#f3f3f3;color:#4f4f4f;border:1px solid #e1e1e1}.status-badge[data-tone=positive]{background:var(--mx-success-bg);color:var(--mx-text-success);border-color:transparent}.status-badge[data-tone=attention]{background:var(--mx-warning-bg);color:var(--mx-text-warning);border-color:transparent}.status-badge[data-tone=neutral]{background:#f3f3f3;color:#4f4f4f}.tab-list{display:flex;gap:8px;flex-wrap:wrap}.tab-pill{height:32px;padding:0 12px;border-radius:10px;display:inline-flex;align-items:center;font-weight:600;color:var(--mx-text-secondary);background:transparent;border:1px solid transparent}.tab-pill:first-child{background:#ededee;color:var(--mx-text)}.detail-card strong,.spotlight-card h3{margin:0}.spotlight-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--mx-border);border-radius:12px;background:#fff}.spotlight-card:hover{background:var(--mx-bg-surface-hover)}.spotlight-card--compact{align-items:flex-start}.detail-list>div,.key-value-list li{display:flex;justify-content:space-between;gap:16px}.detail-list>div{padding:12px 0;border-top:1px solid var(--mx-border)}.detail-list>div:first-child{border-top:0}.code-block{padding:16px;border-radius:12px;background:var(--mx-bg-dark);color:#f5f5f5;overflow-x:auto}.toolbar-card{gap:12px}.checkout-preview{display:grid;grid-template-columns:1.1fr .8fr;gap:16px;padding:16px;border-radius:12px;background:var(--preview-bg);color:var(--preview-text);font-family:var(--preview-font)}.preview-card,.preview-summary{background:var(--preview-surface);border:1px solid var(--preview-border);border-radius:12px;padding:18px;box-shadow:var(--preview-shadow)}.preview-field{height:44px;border-radius:12px;background:color-mix(in srgb,var(--preview-surface) 65%,#c9cccf);margin-bottom:10px}.preview-button{border:0;border-radius:12px;background:var(--preview-primary);color:var(--preview-primary-text);padding:12px;width:100%}.modal-root{position:fixed;inset:0;background:#11121347;display:grid;place-items:center;padding:24px;z-index:50}.modal-card{width:min(640px,100%);max-height:calc(100vh - 48px);overflow:auto}.modal-card[data-size=lg]{width:min(820px,100%)}.modal-header{justify-content:space-between;padding:22px 22px 0}.modal-header h2,.modal-header p,.wizard-step h3{margin:0}.modal-body{padding:18px 22px 22px}.modal-footer{grid-column:1 / -1;justify-content:flex-end;margin-top:12px}.wizard-grid{align-items:start}.wizard-step{grid-column:1 / -1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding-top:8px}.wizard-index{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--mx-bg-primary);color:#fff;font-size:12px;letter-spacing:.08em}.empty-workspace{min-height:calc(100vh - 140px);display:grid;place-items:center}.empty-workspace-card{width:min(520px,100%);text-align:center;display:grid;gap:14px;justify-items:center;padding:28px}.empty-orb{width:72px;height:72px;border-radius:999px;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.9),rgba(255,255,255,.3) 32%,transparent 34%),radial-gradient(circle,#1112131f,#1112130a)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--mx-bg-app)}.login-card{width:min(420px,100%);display:grid;gap:16px;padding:28px}.error-message{color:var(--mx-text-critical);margin:0}.key-value-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.inline-stat{align-self:end;padding:12px 14px;border-radius:12px;background:#fafafa;border:1px solid var(--mx-border)}.editor-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.75fr);gap:18px}.product-editor-layout{align-items:start}.editor-main,.editor-sidebar,.variant-stack,.media-grid,.selection-list,.api-examples,.array-field-list,.variant-overrides{display:grid;gap:16px}.product-editor-main{gap:20px}.product-editor-sidebar{position:sticky;top:20px;align-self:start}.variant-card,.override-card,.media-card,.image-card{border:1px solid var(--mx-border);border-radius:12px;background:#fff;padding:14px}.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inline-actions,.media-actions,.array-field-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.field-checkbox{display:flex;align-items:center;gap:10px}.field-checkbox input{width:16px;height:16px}.rich-editor{display:grid;gap:12px}.rich-toolbar{display:flex;gap:8px;flex-wrap:wrap}.rich-toolbar--shopify{align-items:center;min-height:48px;padding:8px;border:1px solid var(--mx-border);border-radius:12px 12px 0 0;background:#fafafa}.rich-toolbar-group{display:inline-flex;align-items:center;gap:6px;padding-right:8px;margin-right:2px;border-right:1px solid var(--mx-border)}.rich-toolbar-group:last-child{border-right:0;margin-right:0;padding-right:0}.rich-toolbar-select{min-width:140px;height:32px;border-radius:10px;border:1px solid transparent;background:transparent;box-shadow:none;padding:0 12px}.rich-toolbar-btn{position:relative;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--mx-text);cursor:pointer}.rich-toolbar-btn:hover,.rich-toolbar-select:hover{background:#ededee}.rich-toolbar-btn.is-active{background:#e4e5e7}.rich-toolbar-btn svg{width:18px;height:18px;display:block;margin:auto}.rich-toolbar-btn--color{display:inline-flex;align-items:center;justify-content:center}.rich-toolbar-color-input{position:absolute;inset:0;opacity:0;cursor:pointer}.rich-toolbar-color-chip{position:absolute;right:6px;bottom:5px;width:10px;height:3px;border-radius:999px}.rich-editor-content{min-height:260px;border:1px solid var(--mx-border);border-top:0;border-radius:0 0 12px 12px;box-shadow:var(--mx-shadow-inset);background:#fff;padding:16px}.rich-editor-content:focus{outline:none}.rich-editor-content p:first-child{margin-top:0}.rich-editor-content img{max-width:100%;height:auto;border-radius:10px}.media-grid,.image-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.media-thumb,.image-thumb{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;background:#f5f5f5;border:1px solid var(--mx-border)}.media-meta{display:grid;gap:4px}.media-meta span{color:var(--mx-text-secondary);font-size:12px;word-break:break-all}.media-thumb--empty{display:grid;place-items:center;color:var(--mx-text-secondary);font-size:12px;letter-spacing:.12em}.media-browser-popover{padding:14px;border-radius:16px;border:1px solid var(--mx-border);background:#fff;box-shadow:0 12px 40px #0f172a1f}.field-value-editor,.media-value-stack,.array-rich-list{display:grid;gap:12px}.array-rich-card,.media-inline-card{display:grid;gap:12px;border:1px solid var(--mx-border);border-radius:12px;padding:12px;background:#fff}.media-inline-grid{display:grid;gap:12px}.media-inline-preview{width:100%;max-width:160px;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid var(--mx-border);background:#f5f5f5}.media-inline-meta{display:grid;gap:4px}.media-inline-meta a{color:var(--mx-text-secondary);font-size:12px;overflow-wrap:anywhere}.resource-list,.resource-list-body{display:grid;gap:14px}.resource-list-item{border:1px solid var(--mx-border);border-radius:16px;background:#fff;overflow:hidden}.resource-list-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer}.resource-list-summary::-webkit-details-marker{display:none}.resource-list-summary-main,.resource-list-summary-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.resource-list-summary-main{display:grid;gap:3px}.resource-list-summary-main strong{font-size:14px}.resource-list-summary-main span{color:var(--mx-text-secondary);font-size:12px}.resource-list-body{padding:0 16px 16px;border-top:1px solid var(--mx-border)}.product-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.product-media-card{display:grid;gap:10px;align-content:start;min-height:192px;border:1px solid var(--mx-border);border-radius:16px;background:#fff;padding:12px}.product-media-card--add{place-items:center;border-style:dashed;color:var(--mx-text-secondary);cursor:pointer}.product-media-add-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f6f6f7;font-size:30px;color:var(--mx-text)}.product-media-preview{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;background:#f6f6f7}.product-media-meta{display:grid;gap:4px}.product-media-meta span{font-size:12px;color:var(--mx-text-secondary);overflow-wrap:anywhere}.selection-row{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--mx-border);border-radius:12px;padding:12px;background:#fff}.selection-row input{width:16px;height:16px;margin-top:2px}.api-code{display:block;padding:10px 12px;border-radius:10px;background:#fafafa;border:1px solid var(--mx-border);overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-disabled{opacity:.5;pointer-events:none}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .16s ease}.modal-fade-enter-active .modal-card,.modal-fade-leave-active .modal-card{transition:transform .16s ease,opacity .16s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .modal-card,.modal-fade-leave-to .modal-card{transform:translateY(10px) scale(.98);opacity:0}@media(max-width:1100px){.stats,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.editor-layout,.checkout-preview{grid-template-columns:1fr}.product-editor-sidebar{position:static}}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px}.stats,.metric-grid,.field-grid,.form-grid,.variant-grid{grid-template-columns:1fr}.page-head,.topbar{flex-direction:column;align-items:flex-start}.actions{justify-content:flex-start}}