.pe-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:20px 24px}.pe-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pe-title input{width:260px;max-width:100%;font-size:16px;font-weight:600}.pe-title .control{gap:6px}.pe-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.pe-catalog{padding:22px;position:sticky;top:115px;min-width:0}.pe-catalog h2,.pe-stage h2,.pe-inspector h2{font-size:19px}.pe-icon{color:#0071e3;background:#edf5ff;border-radius:12px;padding:8px 12px;font-size:24px}.pe-catalog-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.pe-catalog input,.pe-catalog select{min-width:0;width:100%}.pe-products{max-height:510px;overflow:auto;margin:18px -8px 0;padding:0 8px 6px}.pe-product{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf0f4;cursor:grab;user-select:none}.pe-product:active{cursor:grabbing}.pe-product-copy{flex:1;min-width:0}.pe-product-copy strong{display:block;font-size:13px;font-weight:600;line-height:1.4}.pe-product-copy small{display:block;font-size:10px;color:#788493;line-height:1.5;margin-top:3px}.pe-mini{width:25px;height:45px;border-radius:7px 7px 5px 5px;background:var(--sku-color);position:relative;flex-shrink:0;box-shadow:inset -6px 0 0 #00000012}.pe-mini:before{content:'';position:absolute;top:-4px;left:6px;width:13px;height:5px;background:var(--sku-color);border-radius:2px}.pe-mini span{position:absolute;top:17px;left:0;right:0;height:12px;background:#ffffff80}.pe-product .pe-add{padding:6px;min-width:28px;min-height:30px;border:1px solid #d5e5fb;background:#f1f7ff;color:#0071e3;font-size:18px;border-radius:8px;flex-shrink:0}.pe-stage-column{display:grid;gap:18px;min-width:0}.pe-stage{padding:26px;overflow:hidden}.pe-metric-strip{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#87909d;padding-bottom:18px;border-bottom:1px solid #edf0f4;margin-bottom:18px}.pe-metric-strip strong{font-size:13px;color:#304258;margin-left:5px}.pe-rack{border:1px solid #dfe5ed;border-radius:16px;background:linear-gradient(135deg,#fafcff,#f3f6fa);padding:12px 18px 20px;box-shadow:inset 8px 0 #e7ecf2,inset -8px 0 #e7ecf2}.pe-shelf{border-radius:8px;padding:7px 4px 12px}.pe-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#8995a3;margin:4px 0 8px}.pe-shelf-select{background:none;border:0;color:#69798d;font-size:10px;letter-spacing:1px;font-weight:650;cursor:pointer;padding:5px 7px;border-radius:6px}.pe-active-shelf .pe-shelf-select{background:#e4efff;color:#0071e3}.pe-rail-scroll{overflow-x:auto;padding-top:6px}.pe-rail{position:relative;display:flex;align-items:flex-end;min-width:520px;height:175px;border-bottom:10px solid #cbd4de;box-shadow:0 7px 0 #e0e6ed;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#b8c9dc26 calc(10% - 1px),#b8c9dc26 10%);padding:0 0 6px}.pe-block{position:relative;flex-grow:0;flex-shrink:0;min-width:0;padding:5px 2px 0;cursor:grab;outline:none;border:2px solid transparent;border-radius:7px 7px 0 0;user-select:none}.pe-block:active{cursor:grabbing}.pe-block:hover{background:#0071e30b;border-color:#b4d5ff}.pe-block:focus-visible{outline:3px solid #0b70df;outline-offset:2px}.pe-selected{border-color:#0071e3!important;background:#e8f2ff}.pe-faces{display:flex;align-items:flex-end;gap:2px;min-height:35px}.pe-pack{position:relative;height:var(--product-height);min-width:0;flex:1;background:var(--sku-color);border-radius:7px 7px 3px 3px;box-shadow:inset -5px 0 #00000010,inset 3px 0 #ffffff33;display:flex;align-items:center;justify-content:center}.pe-pack:before{content:'';position:absolute;top:-5px;left:20%;width:60%;height:6px;border-radius:3px 3px 0 0;background:var(--sku-color)}.pe-pack span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.3px;max-height:90%;overflow:hidden;padding:4px 2px;background:#ffffffc9;color:#24374d;border-radius:2px}.pe-block-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:8px;color:#68788b;padding-top:4px;height:18px}.pe-block-label b{color:#0071e3}.pe-grip{position:absolute;top:-19px;left:calc(50% - 6px);font-size:17px;color:#0071e3;opacity:0}.pe-selected .pe-grip,.pe-block:hover .pe-grip{opacity:1}.pe-missing{background:#fff1ee;border-color:#c75b40}.pe-drop-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a3afbd;text-align:center;font-size:12px;pointer-events:none;line-height:1.8}.pe-drop-hint small{font-size:10px}.pe-drag-over{background-color:#e7f2ff;border-bottom-color:#0071e3}.pe-drop-before:before,.pe-drop-after:after{content:'';position:absolute;top:0;bottom:-5px;width:4px;background:#0071e3;box-shadow:0 0 0 3px #0071e31a;border-radius:2px;z-index:2}.pe-drop-before:before{left:-3px}.pe-drop-after:after{right:-3px}.pe-inspector{padding:24px}.pe-inspector .panel-head{margin-bottom:18px}.pe-edit-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.pe-move-buttons{grid-column:1/-1}.pe-move-buttons .btn{min-width:39px}.pe-selection-empty{color:#8a95a3;font-size:13px;padding:8px 0}.pe-validation{margin-top:20px;white-space:normal}.pe-validation ul,.pe-warnings ul{padding-left:20px;font-size:12px;line-height:1.8}.pe-warnings summary,.pe-settings summary{cursor:pointer;font-weight:600;font-size:14px}.pe-warnings{color:#886124;background:#fffaf2;border-color:#f1e4cc}.pe-saved-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e9edf3}.pe-saved-list small{display:block;margin-top:7px;color:#8b94a1;font-size:11px}.pe-saved-list strong{font-size:14px}.pe-stage .panel-subtitle{line-height:1.6}
@media(min-width:1600px){.pe-workspace{grid-template-columns:350px minmax(0,1fr)}.pe-products{max-height:620px}}
@media(max-width:1050px){.pe-workspace{grid-template-columns:270px minmax(0,1fr)}.pe-stage{padding:18px}.pe-catalog{padding:18px}.pe-edit-fields{grid-template-columns:1fr 1fr}.pe-rack{padding-left:12px;padding-right:12px}}
@media(max-width:800px){.pe-workspace{grid-template-columns:1fr}.pe-catalog{position:static}.pe-products{max-height:220px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.pe-stage{padding:18px}.pe-shelf-heading{font-size:9px}.pe-toolbar{padding:18px}.pe-title input{width:220px}.pe-edit-fields{grid-template-columns:1fr 1fr}.pe-rail{min-width:520px}.pe-saved-list>div{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.pe-block{transition:none}}
/* Foundation is scoped to the standalone demo editor. */
.studio-planogram{color:#344131;font-size:13px;min-width:0}.studio-planogram .panel{border:1px solid #e0e5d7;background:#fffefa;border-radius:14px;box-shadow:0 3px 12px #35472a03}.studio-planogram .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.studio-planogram .panel-head h2{margin:0 0 5px;font-size:17px;letter-spacing:-.4px}.studio-planogram .panel-subtitle{font-size:11px;color:#6e7867;line-height:1.6}.studio-planogram .control{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:600;min-width:0}.studio-planogram .control input,.studio-planogram .control select{width:100%;border:1px solid #d9e0d1;border-radius:7px;background:#fcfdf9;padding:9px 10px;color:#37492e;font-size:12px;min-width:0}.studio-planogram .control input[type=color]{height:38px;padding:4px}.studio-planogram .control input[readonly]{background:#eef1e7;color:#6d7961}.studio-planogram .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio-planogram .btn{display:inline-flex;justify-content:center;align-items:center;gap:5px;border:1px solid #dce3d2;border-radius:7px;background:#f7f9f1;color:#4a5d3c;padding:9px 11px;font-size:11px;font-weight:550;white-space:nowrap;line-height:1.35}.studio-planogram .btn:hover{background:#eaf0e0}.studio-planogram .btn.pe-primary{background:#61764e;color:#fff;border-color:#61764e}.studio-planogram .btn.pe-primary:hover{background:#4f653e}.studio-planogram .btn.danger{color:#a15136;border-color:#ead4c9;background:#fff9f5}.studio-planogram .tiny{font-size:10px;line-height:1.65}.studio-planogram .muted{color:#737d6a}.studio-planogram .mt{margin-top:18px}.studio-planogram .mb{margin-bottom:20px}.studio-planogram .status,.studio-planogram .badge{font-size:9px;white-space:nowrap;border-radius:6px;padding:5px 8px;background:#eff3e8;color:#62764f;letter-spacing:.25px}.studio-planogram .status.pending{background:#fff0de;color:#9a693a}.studio-planogram .bad{color:#ad4934}.studio-planogram .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.studio-planogram .pe-settings,.studio-planogram .pe-warnings{padding:20px}.studio-planogram .pe-validation{border:1px solid #e6b8a7;background:#fff3ed;color:#9c4e35;padding:17px;border-radius:12px;font-size:12px}.studio-planogram .pe-validation strong{display:block}.studio-planogram .pe-demo-notice{display:flex;gap:16px;border:1px solid #ded8bc;background:#f4f0df;border-radius:11px;padding:15px 18px;margin-bottom:18px;color:#77633a;align-items:flex-start}.studio-planogram .pe-demo-notice strong{font-size:9px;letter-spacing:.6px;white-space:nowrap;padding-top:2px}.studio-planogram .pe-demo-notice span{font-size:11px;line-height:1.65}.studio-planogram .pe-file-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}.studio-planogram .pe-file-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.studio-planogram .pe-storage-note{font-size:10px;line-height:1.75;color:#7a806f;margin:20px 0}.studio-planogram .pe-product{gap:8px;position:relative;flex-wrap:wrap;padding:13px 0}.studio-planogram .pe-product-copy{flex-basis:calc(100% - 40px)}.studio-planogram .pe-product .pe-edit-sku{font-size:9px;padding:5px 8px;margin-left:33px}.studio-planogram .pe-product .pe-add{margin-left:auto}.studio-planogram .pe-empty{padding:22px;font-size:12px;color:#7a816f;border:1px dashed #dbe2d1;border-radius:9px;text-align:center}.studio-planogram .pe-dialog{border:1px solid #d6decc;border-radius:16px;width:min(740px,calc(100vw - 36px));max-height:calc(100vh - 48px);padding:25px;background:#fffefa;color:#3b4b32;box-shadow:0 20px 80px #24361733}.studio-planogram .pe-dialog::backdrop{background:#29342175;backdrop-filter:blur(3px)}.studio-planogram .pe-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.studio-planogram .pe-dialog-head h2{font-size:21px;font-weight:550;margin:0;letter-spacing:-.4px}.studio-planogram .pe-dialog-note{font-size:11px;color:#78816c;line-height:1.65}.studio-planogram .pe-catalog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.studio-planogram .pe-form-error{font-size:12px;color:#ad4e34;margin-top:17px;white-space:pre-line}.studio-planogram .pe-delete-check{font-size:11px;color:#9c4e35}.studio-planogram .pe-saved-list>div{gap:16px}.studio-planogram .pe-saved-list strong{overflow-wrap:anywhere}.studio-planogram .pe-rail-scroll{max-width:100%}.studio-planogram .pe-catalog{top:20px}.studio-planogram .pe-title input{min-width:160px}.studio-planogram .pe-workspace{grid-template-columns:290px minmax(0,1fr)}
@media(max-width:1100px){.studio-planogram .pe-workspace{grid-template-columns:245px minmax(0,1fr)}.studio-planogram .pe-catalog,.studio-planogram .pe-stage,.studio-planogram .pe-inspector{padding:17px}.studio-planogram .pe-catalog-filters{grid-template-columns:1fr}.studio-planogram .pe-metric-strip{gap:13px}.studio-planogram .pe-edit-fields{grid-template-columns:1fr 1fr}.studio-planogram .pe-stage .panel-head{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.studio-planogram .pe-workspace{grid-template-columns:1fr}.studio-planogram .pe-catalog{position:static}.studio-planogram .pe-products{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;max-height:260px}.studio-planogram .pe-catalog-filters{grid-template-columns:1fr 1fr}.studio-planogram .pe-stage .panel-head{flex-direction:row}.studio-planogram .pe-demo-notice{display:block}.studio-planogram .pe-demo-notice strong{display:block;margin-bottom:8px}.studio-planogram .pe-title input{width:220px}.studio-planogram .pe-toolbar{padding:17px}.studio-planogram .pe-title{gap:10px}}
@media(max-width:520px){.studio-planogram .pe-products{grid-template-columns:1fr}.studio-planogram .pe-file-toolbar>div{width:100%}.studio-planogram .pe-file-toolbar .btn{flex:1}.studio-planogram .form-grid{grid-template-columns:1fr 1fr}.studio-planogram .pe-catalog-form-grid{grid-template-columns:1fr}.studio-planogram .pe-dialog{padding:18px}.studio-planogram .pe-dialog-head h2{font-size:18px}.studio-planogram .pe-saved-list>div{flex-direction:column;align-items:stretch}.studio-planogram .pe-stage .panel-head{flex-direction:column}.studio-planogram .pe-edit-fields{grid-template-columns:1fr 1fr}.studio-planogram .pe-title input{width:100%}}
/* Website catalog artwork stays same-origin and is resolved from trusted SKU IDs. */
.studio-planogram .pe-mini-artwork{width:34px;height:54px;background:#f0f2ec;box-shadow:none;border-radius:6px;overflow:hidden}
.studio-planogram .pe-mini-artwork:before,.studio-planogram .pe-pack-artwork:before{display:none}
.studio-planogram .pe-mini-artwork img{width:100%;height:100%;object-fit:contain;display:block}
.studio-planogram .pe-pack-artwork{background:#f8f9f5;box-shadow:none;overflow:hidden;border:1px solid #dde4d6}
.studio-planogram .pe-pack-artwork img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.studio-planogram .pe-source-kind{color:#6a794e!important;font-size:9px!important}
.studio-planogram .pe-view-toggle{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.studio-planogram .pe-artwork-note{padding:12px 14px;border:1px solid #e5dfc8;background:#f8f5e9;border-radius:9px;font-size:11px;line-height:1.7;color:#716341}
.studio-planogram .pe-artwork-note .btn{margin:8px 0 0;display:table}
.studio-planogram .pe-3d-scene{min-height:340px}
.studio-planogram .pe-rack[hidden],.studio-planogram p[hidden]{display:none}