.ops{max-width:1280px;margin:auto;padding:24px}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ops-heading h2{margin:16px 0 0}.ops-heading h3{margin:0}.ops-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.ops .card{padding:24px;border-radius:20px}.ops-config>label{display:grid;gap:8px;margin:20px 0}.ops input:not([type=checkbox]),.ops textarea,.ops select,.ops-picker input{font:inherit;border:1px solid #ddd5cd;border-radius:10px;background:var(--surface,#fff);color:inherit;padding:11px;max-width:100%;min-width:0}.ops-toggle{display:flex!important;justify-content:space-between;align-items:center}.ops input[role=switch]{appearance:none;width:40px;height:24px;border-radius:20px;background:#d1d1d3;position:relative;cursor:pointer;transition:background .2s}.ops input[role=switch]:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:transform .2s}.ops input[role=switch]:checked{background:#2877e5}.ops input[role=switch]:checked:before{transform:translateX(16px)}.ops-note{font-size:13px;line-height:1.7;opacity:.7}.ops-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.ops-product{display:flex;gap:16px;padding:18px 0;border-top:1px solid #e7e1db}.ops-product>img{width:64px;height:64px;object-fit:cover;border-radius:12px}.ops-product-body{flex:1;min-width:0}.ops-product small{display:block;margin:6px 0;opacity:.65}.ops-options,.ops-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:12px}.ops-options label{display:flex;align-items:center;gap:5px}.ops-actions button,.ops-picker button{font:inherit;border:1px solid #ddd5cd;background:transparent;color:inherit;border-radius:9px;padding:7px 10px;cursor:pointer}.ops-actions button:hover{background:#f1eee9}.ops button:disabled{opacity:.4;cursor:default}.ops-empty{padding:35px 0;opacity:.65}.ops-picker{border:1px solid #ddd5cd;border-radius:20px;width:min(580px,90vw);max-height:80vh;padding:24px;color:#292725;background:white}.ops-picker::backdrop{background:#0008}.ops-picker>input{width:100%;box-sizing:border-box}.ops-candidates{overflow:auto;max-height:50vh;margin-top:16px}.ops-candidates>button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:6px 0;padding:12px}.ops-candidates img{width:44px;height:44px;object-fit:cover;border-radius:8px}.ops-candidates span{flex:1}.ops-candidates small{display:block;opacity:.6;margin-top:5px}.ops-candidates button:disabled{opacity:.45}.ops h3 small{font-size:13px;font-weight:400;opacity:.6}@media(max-width:980px){.ops-layout{grid-template-columns:1fr}.ops{padding:12px}.ops-heading{flex-wrap:wrap}}

.ops .ops-toggle input[role=switch]{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;padding:0!important;margin:0!important;width:42px!important;height:24px!important;box-shadow:none!important;flex:0 0 42px}.ops .ops-toggle input[role=switch]:not(:checked):before{transform:translateX(0)!important}.ops .ops-toggle input[role=switch]:checked:before{transform:translateX(18px)!important}
.ops{max-width:1440px;margin:0 auto;padding:24px}.ops-workspace{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:32px;align-items:start}.ops-editor-column{display:flex;flex-direction:column;gap:20px;min-width:0}.ops-name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.ops-name-fields label{display:grid;gap:8px;min-width:0}.ops-name-fields input{width:100%;box-sizing:border-box}.ops-preview-panel{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.ops-preview-heading{font-size:14px;font-weight:600;color:inherit;opacity:.65}.ops-phone{width:360px;border:8px solid #252525;border-radius:40px;background:#252525;box-shadow:0 20px 50px #00000014;overflow:hidden}.ops-phone-status{height:32px;padding:6px 20px;color:white;font:600 11px/20px system-ui;display:flex;justify-content:space-between;box-sizing:border-box}.ops-phone iframe{display:block;width:344px;height:650px;border:0;background:#fff}.ops-phone-home{height:21px;background:#fff;position:relative}.ops-phone-home:after{content:'';position:absolute;width:100px;height:4px;border-radius:4px;left:50%;top:8px;transform:translateX(-50%);background:#222}.ops-store-list{display:flex;flex-direction:column;gap:12px;min-width:0}.ops-store-row{width:100%;display:flex;align-items:center;gap:18px;padding:24px;text-align:left;background:var(--surface,#fff);border:1px solid #ded7cf;border-radius:18px;color:inherit;font:inherit;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.ops-store-row:hover,.ops-store-row:focus-visible,.ops-store-row.is-previewed{border-color:#8b7968;box-shadow:0 5px 18px #332b2410}.ops-store-row:hover{transform:translateY(-2px)}.ops-store-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f0ece6;color:#695a4c;font-size:25px;flex-shrink:0}.ops-store-copy{flex:1;min-width:0}.ops-store-copy strong{display:block;font-size:17px;overflow-wrap:anywhere}.ops-store-copy small{display:block;margin-top:7px;opacity:.65;line-height:1.5}.ops-store-state{font-size:12px;white-space:nowrap;opacity:.65}.ops-row-arrow{font-size:26px;opacity:.5}.dwe-app-rows{display:flex;flex-direction:column;gap:12px}.dwe-app-row{display:flex;align-items:center;gap:10px;border:1px solid #ded7cf;border-radius:16px;padding:16px}.dwe-app-open{display:flex;align-items:center;gap:18px;flex:1;min-width:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;padding:6px;font:inherit}.dwe-app-open strong{font-size:17px}.dwe-app-open small{display:block;margin-top:8px;opacity:.65}.dwe-app-tool{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer;transition:background .18s,color .18s,transform .18s}.dwe-app-tool:hover{background:#e9e6e1;transform:translateY(-1px)}.dwe-app-tool.is-pinned{color:#2877e5;background:#e9f1ff}.dwe-app-tool.is-pinned svg{fill:#2877e52b}.ops .ops-config select{width:220px}.ops-config>label{margin:18px 0}.ops-products .ops-heading{margin-bottom:6px}.ops .ops-products,.ops .ops-config{margin:0!important}@media(max-width:1190px){.ops-workspace{grid-template-columns:minmax(0,1fr)}.ops-preview-panel{display:none}.ops{max-width:880px;padding:16px}.ops-store-row{padding:20px}}@media(max-width:540px){.ops-name-fields{grid-template-columns:1fr}.ops .card{padding:18px}.ops-heading{gap:12px}.ops-store-row{gap:12px;padding:16px}.dwe-app-row{gap:4px;padding:10px}.dwe-app-open{gap:10px}.dwe-app-tool{width:36px}.ops-product{gap:10px}}@media(prefers-reduced-motion:reduce){.ops-store-row,.dwe-app-tool{transition:none}}

/* Compact workspace and product display editor */
.ops{max-width:1180px;margin:0 auto;box-sizing:border-box}.ops-workspace{grid-template-columns:minmax(0,1fr) 360px;gap:28px}.ops>.ops-heading{width:calc(100% - 388px);align-items:flex-end;flex-wrap:nowrap}.ops>.ops-heading>div:last-child{display:flex;gap:8px;flex-shrink:0}.ops>.ops-heading>div:first-child{display:block;min-width:0}.ops>.ops-heading h2{line-height:42px;margin-bottom:0;overflow-wrap:anywhere}.ops>.ops-heading>.btn{flex-shrink:0}.ops-store-row{padding:22px}.ops-preview-panel{padding-top:0}.ops-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 16px;padding:20px 0}.ops-product-body{align-self:center}.ops-product-body strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.ops-product-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.ops-product-toolbar .ops-actions{margin:0;gap:6px}.ops-product-toolbar button{font:inherit;font-size:13px;border:1px solid #ded7cf;border-radius:9px;background:var(--surface,#fff);color:inherit;padding:8px 10px;cursor:pointer;white-space:nowrap}.ops-edit-display{display:flex;align-items:center;gap:7px;font-weight:600!important}.ops-edit-display:hover,.ops-edit-display[aria-expanded=true]{background:#f0ece6}.ops-disclosure-arrow{display:inline-block;transition:transform .22s}.ops-edit-display[aria-expanded=true] .ops-disclosure-arrow{transform:rotate(180deg)}.ops-product-settings{grid-column:1/-1;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}.ops-product-settings.is-open{grid-template-rows:1fr;opacity:1}.ops-product-settings>div{min-height:0;overflow:hidden}.ops-product-settings .ops-options{display:grid;gap:0;margin:0;background:var(--surface,#faf9f7);border:1px solid #e7e1db;border-radius:12px;padding:4px 14px}.ops-product-settings .ops-options>label{display:flex;justify-content:space-between;min-height:46px;gap:14px;font-size:14px}.ops-product-settings .ops-options>label+label{border-top:1px solid #e7e1db}.ops-product-settings select{width:170px;padding:7px;font-size:13px}.ops-product-settings input{accent-color:#695a4c}
@media(max-width:1190px){.ops>.ops-heading{width:100%}.ops-workspace{grid-template-columns:1fr}.ops{max-width:780px}}@media(max-width:540px){.ops-product-toolbar{align-items:flex-start;flex-wrap:wrap}.ops-product-toolbar .ops-actions{flex-wrap:wrap}.ops>.ops-heading{flex-wrap:wrap}.ops>.ops-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){.ops-product-settings,.ops-disclosure-arrow{transition:none}}

/* Store cover, compact row and centered paginated picker */
.ops-store-mark{overflow:hidden;width:52px;height:52px}.ops-store-mark img{width:100%;height:100%;object-fit:cover}.ops-product{grid-template-columns:52px minmax(100px,1fr) auto;align-items:center;gap:8px 12px;padding:14px 0}.ops-product>img{width:52px;height:52px}.ops-product-body strong{font-size:14px}.ops-product-body small{font-size:12px}.ops-product-toolbar{grid-column:3;gap:6px}.ops-product-toolbar .ops-actions{gap:4px}.ops-product-toolbar button{padding:7px;font-size:12px}.ops-product-toolbar .ops-remove{border-radius:50%;width:26px;height:26px;padding:0;font-size:20px;line-height:20px;margin-left:4px}.ops-product-toolbar .ops-remove:hover{background:#fff0ed;color:#b2342c}.ops-product-settings{grid-column:1/-1}.ops-product-settings:not(.is-open){margin-top:-8px}.ops-picker{position:fixed!important;inset:0!important;margin:auto!important;width:min(640px,calc(100vw - 40px));height:fit-content;max-height:calc(100dvh - 48px);box-sizing:border-box;overflow:auto;padding:24px;border-radius:20px;background:var(--surface,#fff);color:var(--text,#292725)}.ops-picker .ops-candidates{max-height:calc(100dvh - 300px);min-height:100px}.ops-candidates>button{padding:9px 12px}.ops-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid #e7e1db;font-size:13px;flex-wrap:wrap}.ops-pagination>span:first-child{margin-right:auto}.ops-pagination label{display:flex;align-items:center;gap:6px}.ops-pagination input{width:48px;padding:7px}.ops-page-size{position:relative}.ops-page-size summary{list-style:none;padding:8px 10px;border:1px solid #ddd5cd;border-radius:9px;cursor:pointer}.ops-page-size summary::-webkit-details-marker{display:none}.ops-page-size summary span{display:inline-block;margin-left:10px;transition:transform .2s}.ops-page-size[open] summary span{transform:rotate(180deg)}.ops-page-size>div{position:absolute;bottom:calc(100% + 6px);left:0;min-width:100%;padding:4px;background:var(--surface,#fff);border:1px solid #ddd5cd;border-radius:10px;box-shadow:0 8px 24px #0002;z-index:2;animation:ops-menu-in .18s ease-out}.ops-page-size>div button{display:block;width:100%;border:0;white-space:nowrap;text-align:left}.ops-page-size>div button:hover{background:#eee9e2}@keyframes ops-menu-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1191px){.ops-preview-panel{margin-top:-64px}}@media(max-width:700px){.ops-product{grid-template-columns:44px minmax(0,1fr)}.ops-product>img{width:44px;height:44px}.ops-product-toolbar{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.ops-product-toolbar .ops-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.ops-page-size>div{animation:none}.ops-page-size summary span{transition:none}}

.ops-edit-display .ops-disclosure-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 4px;transition:transform .22s ease,margin .22s ease}.ops-edit-display[aria-expanded=true] .ops-disclosure-arrow{transform:rotate(225deg);margin-bottom:0;margin-top:4px}@media(prefers-reduced-motion:reduce){.ops-edit-display .ops-disclosure-arrow{transition:none}}

.ops-store-name{display:flex;align-items:center;flex-wrap:wrap;gap:11px;min-width:0}.ops-internal-tag{position:relative;display:inline-flex;align-items:center;max-width:180px;padding:3px 11px 3px 10px;border:1px solid #d9cabe;border-radius:999px;background:#f4eee8;color:#705e50;font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.ops-internal-tag:before{content:"";position:absolute;left:-5px;top:50%;width:7px;height:7px;background:#f4eee8;border-left:1px solid #d9cabe;border-bottom:1px solid #d9cabe;transform:translateY(-50%) rotate(45deg)}
.ops-internal-tag{min-height:28px;min-width:76px;justify-content:center;padding:3px 16px 3px 13px;border-radius:3px;font-size:13px}
.ops-internal-tag{background:var(--primary,#65564a);border-color:var(--primary,#65564a);color:#fff}.ops-internal-tag:before{background:var(--primary,#65564a);border-color:var(--primary,#65564a)}

.ops .ops-store-switch{appearance:none!important;-webkit-appearance:none!important;position:relative;flex:0 0 42px;width:42px;height:24px;margin:0;padding:0;border:0;border-radius:999px;background:#d1d1d3;cursor:pointer;transition:background .2s}.ops .ops-store-switch:before{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .2s}.ops .ops-store-switch:checked{background:#2877e5}.ops .ops-store-switch:checked:before{transform:translateX(18px)}.ops .ops-store-switch:disabled{opacity:.55;cursor:wait}.ops .ops-store-switch:focus-visible{outline:2px solid #2877e5;outline-offset:3px}

.ops-service-settings{border-top:1px solid var(--border,#e8dfd7);margin-top:22px;padding-top:18px}.ops-service-settings h3{margin:0 0 5px}.ops-service-settings p{font-size:12px;color:#777;margin:0 0 12px}.ops-service-line{margin:0 0 14px}.ops-service-head{display:flex!important;align-items:center;justify-content:space-between;font-weight:600;margin:0 0 7px!important}.ops-service-line>input[type=text]{width:100%;min-width:0}.ops-service-line>input:disabled{opacity:.55}

/* Align the shop header with the compact settings pages. */
#app #mainContent .ops{padding-top:0}
#app #mainContent .ops>.ops-heading{align-items:end;margin-bottom:14px}
#app #mainContent .ops>.ops-heading .sg-back{height:32px;box-sizing:border-box;padding:5px 14px;margin:0;line-height:20px}
#app #mainContent .ops>.ops-heading h2{margin:8px 0 0;line-height:1.25}

/* Keep the switch consistent and use color, not movement, for preview focus. */
#app #mainContent .ops .ops-store-switch{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;padding:0!important;margin:0!important;width:42px!important;height:24px!important;box-shadow:none!important;flex:0 0 42px}
#app #mainContent .ops .ops-store-switch:before{border-radius:50%!important}
#app #mainContent .ops-store-row{transition:border-color .18s,background-color .18s}
#app #mainContent .ops-store-row:hover,#app #mainContent .ops-store-row:focus-visible,#app #mainContent .ops-store-row.is-previewed{transform:none;border-color:var(--primary,#65564a);box-shadow:none;background:var(--hover,#f7f3ee)}

.ops-popular{display:flex;flex-direction:column;gap:5px}.ops-popular select{max-width:260px}.ops-popular small{color:#827468;font-size:12px}

.ops-product-settings .ops-popular{display:block;width:100%;padding:16px;background:#fff;border:1px solid #eadfd5;border-radius:12px;text-align:left}.ops-popular-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-popular-title strong{font-size:14px}.ops-popular-title span{font-size:11px;color:#8a796c;background:#f5f0eb;border-radius:999px;padding:2px 8px}.ops-product-settings .ops-popular p{margin:4px 0 12px;color:#8a7b70;font-size:12px}.ops-popular-group+.ops-popular-group{margin-top:12px}.ops-popular-group b{display:block;margin-bottom:6px;font-size:12px;color:#6c6056}.ops-popular-choices{display:flex;gap:7px;flex-wrap:wrap}.ops-product-settings .ops-popular-choice{display:inline-flex;position:relative;align-items:center;padding:0;border:0;margin:0;cursor:pointer}.ops-popular-choice input{position:absolute;opacity:0;width:1px;height:1px}.ops-popular-choice span{display:block;padding:6px 11px;border:1px solid #ddd2c8;border-radius:8px;background:#fff;color:#51473f;font-size:13px}.ops-popular-choice input:checked+span{border-color:#b65c45;background:#fff1eb;color:#943b29}.ops-popular-choice input:checked+span:before{content:'🔥 ';font-size:11px}.ops-popular-choice input:focus-visible+span{outline:2px solid #4c77c4;outline-offset:2px}

.ops-popular-open,.ops-popular-dialog footer button{border:1px solid #d8cbc0;background:#fff;color:#51483f;border-radius:9px;padding:8px 12px;cursor:pointer;white-space:nowrap}.ops-popular-dialog{width:min(510px,calc(100vw - 32px));max-height:min(80vh,700px);padding:0;border:1px solid #e4d9cf;border-radius:18px;background:#fff;color:#302b27;box-shadow:0 22px 70px #231b1544}.ops-popular-dialog::backdrop{background:#16120f88}.ops-popular-dialog form{display:flex;flex-direction:column;max-height:min(80vh,700px)}.ops-popular-dialog header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid #eee6df}.ops-popular-dialog h3{font-size:18px;margin:0}.ops-popular-dialog header p{font-size:12px;color:#8a7b70;margin:4px 0 0}.ops-popular-close{border:0;background:#f4efeb;border-radius:50%;width:32px;height:32px;font-size:20px;color:#65584c;cursor:pointer}.ops-popular-dialog-body{padding:18px 20px;overflow:auto}.ops-popular-dialog .ops-popular-group+.ops-popular-group{margin-top:18px}.ops-popular-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #eee6df}.ops-popular-dialog footer .ops-popular-save{background:#625447;border-color:#625447;color:#fff;font-weight:600}.ops-popular-dialog .ops-popular-choice{display:inline-flex;position:relative;cursor:pointer}.ops-popular-dialog .ops-popular-choice input{position:absolute;opacity:0;width:1px;height:1px}
.ops-popular-dialog[open]{position:fixed;inset:0;margin:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}

/* Each product is a compact, separately outlined card. */
.ops-products #opsItems{display:grid;gap:8px}
.ops-products .ops-product{border:1px solid var(--border,#e8dfd6);border-radius:12px;background:var(--surface,#fffcf8);padding:10px 12px;margin:0;gap:8px 12px;align-items:center}
.ops-products .ops-product>img{width:52px;height:52px;border-radius:9px}
.ops-products .ops-product-body>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.25;font-size:14px}
.ops-products .ops-product-body>small{margin:3px 0 0;font-size:12px;line-height:1.25}
.ops-products .ops-product-settings:not(.is-open){margin:0}