/* Romeez Gear Design Studio · scoped to shortcode; designed for Divi 5 + WooCommerce. */
.rgd-app{--rgd-burgundy:#5c1a1a;--rgd-cream:#f5ebdd;--rgd-gold:#d8b86a;--rgd-ink:#241b1b;--rgd-muted:#716664;--rgd-line:#e8dfd7;--rgd-soft:#fbf8f4;font-family:Montserrat,Arial,sans-serif;color:var(--rgd-ink);font-size:14px;line-height:1.55;isolation:isolate;max-width:1700px;margin:0 auto;background:var(--rgd-soft)}
.rgd-app *{box-sizing:border-box}.rgd-app button,.rgd-app input,.rgd-app select,.rgd-app textarea{font:inherit}.rgd-app button{cursor:pointer;transition:background .18s ease,transform .18s ease,border .18s ease}.rgd-app button:focus-visible,.rgd-app select:focus-visible,.rgd-app input:focus-visible,.rgd-app textarea:focus-visible{outline:3px solid var(--rgd-gold)!important;outline-offset:2px}.rgd-app button:disabled{cursor:not-allowed;opacity:.44}.rgd-app h1,.rgd-app h2,.rgd-app h3{color:inherit;padding:0;margin:0;line-height:1.2}.rgd-app p{margin:0 0 12px;color:inherit}.rgd-app small,.rgd-app .rgd-small{font-size:12px;color:var(--rgd-muted);line-height:1.55}.rgd-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#b28d52;margin:0 0 11px}.rgd-hero{background:var(--rgd-burgundy);color:#fff;display:flex;align-items:end;justify-content:space-between;padding:43px clamp(18px,4vw,64px) 39px;gap:22px;border-bottom:4px solid var(--rgd-gold)}.rgd-hero h1{color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(43px,5vw,70px);font-weight:600;letter-spacing:-.018em;margin-bottom:8px}.rgd-hero h1 em{color:#efd8a1;font-weight:500}.rgd-hero p{color:#f1ded9;max-width:570px;font-size:14px;margin:0}.rgd-hero-steps{display:flex;gap:17px;align-items:center;white-space:nowrap;letter-spacing:.02em;font-size:11px;color:#c8ada7}.rgd-hero-steps span{padding-bottom:10px;border-bottom:1px solid #966c66}.rgd-hero-steps span.active{color:#fff;border-color:var(--rgd-gold)}.rgd-hero-steps b{color:var(--rgd-gold);margin-right:6px;font-weight:700}
.rgd-body{display:grid;grid-template-columns:minmax(250px,320px) minmax(320px,1fr) minmax(250px,295px);align-items:start;gap:0;max-width:1680px;margin:0 auto}.rgd-panel{background:#fff;padding:25px 20px}.rgd-chooser{border-right:1px solid var(--rgd-line);min-height:920px}.rgd-preview-panel{min-width:0;padding:25px clamp(14px,2.2vw,34px) 35px}.rgd-summary{border-left:1px solid var(--rgd-line);min-height:920px;position:sticky;top:12px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.rgd-block{padding-bottom:28px;border-bottom:1px solid var(--rgd-line);margin-bottom:28px}.rgd-block:last-child{border-bottom:0}.rgd-block-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rgd-count{border:1px solid var(--rgd-gold);border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.04em;color:var(--rgd-burgundy);font-weight:700;flex-shrink:0}.rgd-block-title h2{font-size:16px;font-weight:750}.rgd-kind-filter{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.rgd-kind-filter button{border:1px solid var(--rgd-line);background:#fff;color:#655959;border-radius:4px;font-size:11px;padding:7px 10px;font-weight:600}.rgd-kind-filter button.is-active,.rgd-kind-filter button:hover{background:var(--rgd-burgundy);border-color:var(--rgd-burgundy);color:#fff}
.rgd-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:310px;overflow-y:auto;padding:2px}.rgd-product-tile{background:var(--rgd-soft);color:var(--rgd-ink);border:1px solid var(--rgd-line);padding:5px 5px 9px;border-radius:7px;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;line-height:1.35;font-weight:700}.rgd-product-tile img{display:block;width:100%;height:91px;object-fit:contain;background:var(--rgd-cream);border-radius:5px}.rgd-product-tile.is-active{border:2px solid var(--rgd-burgundy);padding:4px 4px 8px;box-shadow:0 0 0 1px rgba(92,26,26,.07)}.rgd-product-tile:hover{border-color:var(--rgd-burgundy)}.rgd-product-tile span{overflow-wrap:anywhere}.rgd-variant{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.rgd-variant:empty{display:none}.rgd-variant label,.rgd-tools label{font-size:12px;font-weight:700;color:#4c3a39}.rgd-variant select,.rgd-app textarea,.rgd-app select:not(.ignore){display:block;background:#fff;border:1px solid #d7cbc2!important;border-radius:5px;width:100%;min-width:0;color:var(--rgd-ink)!important;padding:10px 9px;font-weight:500;margin-top:6px;min-height:41px}.rgd-app textarea{resize:vertical;min-height:63px}.rgd-two{display:grid;grid-template-columns:minmax(0,1fr) 65px;align-items:end;gap:12px;margin:12px 0}.rgd-app input[type=color]{width:54px;height:39px;background:#fff;display:block;border:1px solid var(--rgd-line);padding:3px;margin-top:6px}.rgd-tool-tabs{display:flex;gap:5px;border-bottom:1px solid var(--rgd-line);margin:14px 0 18px}.rgd-tool-tabs button{border:0;background:transparent;font-size:12px;padding:10px 8px;color:#776b67;border-bottom:2px solid transparent;flex:1;font-weight:700}.rgd-tool-tabs button.is-active{color:var(--rgd-burgundy);border-bottom-color:var(--rgd-burgundy)}.rgd-tool-pane[hidden]{display:none!important}.rgd-outline-button{border:1px solid var(--rgd-burgundy);color:var(--rgd-burgundy);background:#fff;width:100%;padding:11px;border-radius:6px;font-weight:800;font-size:12px}.rgd-outline-button:hover{background:var(--rgd-cream)}.rgd-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 13px!important;border:1.5px dashed #bb9e95;border-radius:8px;color:var(--rgd-burgundy)!important;background:#fffaf6;text-align:center;cursor:pointer;gap:5px}.rgd-upload span{font-size:11px;font-weight:500;color:#756765}.rgd-upload .rgd-upload-icon{font-size:34px;line-height:1;color:var(--rgd-burgundy)}.rgd-upload .rgd-file-cta{display:block;background:var(--rgd-burgundy);padding:7px 13px;border-radius:4px;color:white;font-weight:700;margin-top:8px}.rgd-upload + input + p{margin-top:10px}.rgd-symbols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.rgd-symbols button{background:#fff;border:1px solid var(--rgd-line);border-radius:6px;color:var(--rgd-burgundy);font-size:23px;min-height:46px}.rgd-symbols button:hover{background:var(--rgd-cream)}.rgd-edit{background:#faf7f3;border:1px solid #e4d7cb;border-radius:7px;padding:13px;margin-top:16px}.rgd-edit[hidden]{display:none}.rgd-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rgd-edit-head button{border:0;background:transparent;color:var(--rgd-burgundy);font-size:12px;font-weight:700}.rgd-edit label{display:block;margin:11px 0}.rgd-edit label span{float:right}.rgd-edit input[type=range]{display:block;width:100%;margin:5px 0;accent-color:var(--rgd-burgundy)}
.rgd-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.rgd-preview-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:30px}.rgd-side-switch{display:flex;padding:3px;background:#efe7dd;border-radius:6px;gap:2px}.rgd-side-switch button{background:transparent;border:0;border-radius:5px;padding:8px 13px;font-size:11px;font-weight:750;color:#6b6160}.rgd-side-switch button.is-active{background:white;color:var(--rgd-burgundy);box-shadow:0 1px 5px rgba(43,25,24,.12)}.rgd-preview-stage{max-width:600px;margin:0 auto;position:relative;background:#eee8e0;border:1px solid #eadfd6;border-radius:9px;overflow:hidden}.rgd-preview-stage canvas{display:block;width:100%;height:auto;aspect-ratio:840/980;touch-action:none;cursor:move}.rgd-preview-badge{position:absolute;bottom:12px;left:12px;background:rgba(255,255,255,.92);font-size:8px;font-weight:800;color:#665350;letter-spacing:.13em;padding:7px 8px;border-radius:4px;pointer-events:none}.rgd-loading{position:absolute;inset:0;z-index:3;background:rgba(255,255,255,.86);display:flex;align-items:center;justify-content:center;color:var(--rgd-burgundy);font-weight:800}.rgd-loading[hidden]{display:none}.rgd-preview-actions{max-width:600px;margin:14px auto 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rgd-preview-actions button{border:1px solid #e7dbd1;background:white;color:#5c4b49;border-radius:5px;padding:8px 11px;font-size:11px;font-weight:700}.rgd-preview-actions button:hover{background:var(--rgd-cream)}.rgd-tip{max-width:600px;margin:16px auto!important;text-align:center}.rgd-layer-section{max-width:600px;margin:24px auto 0;border-top:1px solid var(--rgd-line);padding-top:17px}.rgd-layer-section h3{font-size:13px;font-weight:800;margin-bottom:12px}.rgd-layers{display:flex;gap:8px;flex-wrap:wrap}.rgd-layer{border:1px solid var(--rgd-line);border-radius:7px;background:#fff;display:flex;align-items:center;gap:7px;padding:7px 9px;font-size:11px;color:var(--rgd-ink);max-width:100%;overflow-wrap:anywhere}.rgd-layer.is-selected{border-color:var(--rgd-burgundy);background:#fcf7f4}.rgd-layer-icon{font-size:13px;font-weight:800;color:var(--rgd-burgundy)}.rgd-layer-tag{font-size:9px;color:#857c79}.rgd-empty{font-style:italic;color:var(--rgd-muted);font-size:12px}
.rgd-summary h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;margin-bottom:24px}.rgd-summary-product{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--rgd-line);padding-bottom:20px;margin-bottom:20px}.rgd-summary-product img{width:62px;height:74px;background:var(--rgd-cream);object-fit:contain;border-radius:5px}.rgd-summary-product strong{display:block;font-size:12px;line-height:1.35}.rgd-summary-product span{font-size:9px;color:#967b4b;letter-spacing:.07em;font-weight:800}.rgd-total-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#746764;margin-bottom:11px}.rgd-total-row strong{color:#322a29;font-weight:750;white-space:nowrap}.rgd-grand{border-top:1px solid var(--rgd-line);padding-top:19px;margin-top:18px;align-items:center;color:#382d2d;font-weight:800}.rgd-grand strong{font-size:22px;color:var(--rgd-burgundy)}.rgd-qty-label{display:block;font-size:12px;font-weight:800;margin:19px 0 6px}.rgd-app #rgd-quantity{width:86px;border:1px solid var(--rgd-line);border-radius:5px;padding:8px;height:38px}.rgd-primary,.rgd-mobile-checkout button{width:100%;background:var(--rgd-burgundy);color:#fff;border:1px solid var(--rgd-burgundy);border-radius:6px;padding:15px;font-size:12px;font-weight:800;letter-spacing:.01em;margin-top:17px}.rgd-primary:hover,.rgd-mobile-checkout button:hover{background:#742c2a}.rgd-notice{font-size:12px;margin-top:13px;line-height:1.5;color:#36593c}.rgd-notice.is-error{color:#9b2525}.rgd-summary-footer{display:flex;align-items:start;gap:12px;background:var(--rgd-cream);padding:15px;border-radius:7px}.rgd-summary-footer>span{font-size:24px;color:var(--rgd-burgundy)}.rgd-summary-footer p{font-size:11px;line-height:1.7;margin:0;color:#655957}.rgd-mobile-checkout{display:none}
@media(max-width:1250px){.rgd-body{grid-template-columns:minmax(240px,280px) minmax(320px,1fr)}.rgd-summary{grid-column:1/-1;position:static;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid var(--rgd-line);border-left:0;border-right:0}.rgd-summary h2{margin-bottom:12px}.rgd-chooser{min-height:0}.rgd-preview-panel{padding:22px 15px 27px}}
@media(max-width:760px){.rgd-app{margin:0}.rgd-hero{padding:27px 19px;flex-direction:column;align-items:flex-start}.rgd-hero h1{font-size:47px}.rgd-hero p{font-size:12px}.rgd-hero-steps{gap:12px;margin-top:8px;font-size:10px}.rgd-body{display:flex;flex-direction:column}.rgd-chooser{order:2;width:100%;border:0;padding:20px 18px}.rgd-preview-panel{order:1;width:100%;padding:20px 14px 10px}.rgd-summary{order:3;display:block;width:100%;padding:22px 18px;border-left:0;grid-column:unset}.rgd-products{grid-template-columns:repeat(3,minmax(0,1fr));max-height:190px}.rgd-product-tile img{height:75px}.rgd-preview-head h2{font-size:26px}.rgd-preview-stage{max-width:460px}.rgd-preview-actions button{flex:0 0 auto;padding:8px 10px}.rgd-summary-footer{margin-top:25px}.rgd-mobile-checkout{position:sticky;z-index:20;bottom:0;order:4;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;box-shadow:0 -6px 20px rgba(29,22,17,.11);padding:10px 15px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--rgd-line)}.rgd-mobile-checkout small{display:block;font-size:10px;color:#6d6260}.rgd-mobile-checkout strong{color:var(--rgd-burgundy);font-size:20px}.rgd-mobile-checkout button{max-width:170px;margin:0;font-size:12px;padding:12px 9px}.rgd-app #rgd-add-cart{display:none}.rgd-app .rgd-summary{margin-bottom:0}}
@media(max-width:390px){.rgd-products{grid-template-columns:repeat(2,minmax(0,1fr))}.rgd-hero h1{font-size:42px}.rgd-preview-head h2{font-size:24px}.rgd-preview-actions{gap:5px}.rgd-preview-actions button{font-size:10px;padding:8px 6px}.rgd-mobile-checkout button{max-width:155px}}

.rgd-app .rgd-brand-logo{display:block;max-width:230px;max-height:76px;width:auto;height:auto;object-fit:contain;object-position:left center;margin:0 0 17px}

/* 0.2 artwork source chooser and original Romeez gallery */
.rgd-app .rgd-start-options{display:flex;flex-direction:column;gap:11px;background:#fbf6ef;border:1px solid #e4d7c9;border-radius:8px;padding:13px;margin:14px 0}
.rgd-app .rgd-start-options strong{font-size:13px;color:#5c1a1a;display:block;font-weight:800}
.rgd-app .rgd-start-options span{display:block;font-size:11px;color:#786965;margin-top:2px}
.rgd-app .rgd-start-options button{border:1px solid #5c1a1a;background:#5c1a1a;color:white;border-radius:6px;font-size:12px;font-weight:800;padding:12px 10px;min-height:44px}
.rgd-app .rgd-start-options button:hover{background:#73312c}
.rgd-app .rgd-tool-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:12px 0}
.rgd-app .rgd-tool-tabs button{padding:10px 4px;border:1px solid #e6dad0;border-radius:5px;min-height:42px;font-size:11px;line-height:1.2}
.rgd-app .rgd-tool-tabs button.is-active{background:#5c1a1a;color:#fff;border-color:#5c1a1a}
.rgd-app .rgd-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0 0}
.rgd-app .rgd-gallery-tile{display:flex;flex-direction:column;text-align:left;gap:6px;padding:8px;background:#fff;border:1px solid #e4d8d0;border-radius:8px;min-width:0;min-height:158px}
.rgd-app .rgd-gallery-tile:hover{border-color:#5c1a1a;box-shadow:0 2px 12px rgba(92,26,26,.08)}
.rgd-app .rgd-gallery-tile img{width:100%;height:110px;object-fit:contain;background:#f5ebdd;border-radius:5px;padding:7px}
.rgd-app .rgd-gallery-tile strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.rgd-app .rgd-gallery-tile span{font-size:10px;font-weight:800;color:#5c1a1a}
.rgd-app .rgd-gallery-empty{grid-column:1/-1;padding:15px;background:#fbf6ef;border:1px dashed #dfc5b7;border-radius:6px;color:#5c1a1a!important;font-size:12px}
@media(max-width:760px){.rgd-app .rgd-start-options{margin-top:9px}.rgd-app .rgd-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.rgd-app .rgd-gallery-tile img{height:115px}}

.rgd-app .rgd-quick-start{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0}
.rgd-app .rgd-quick-start button{border:1px solid #d8b86a;border-radius:5px;background:#f5ebdd;color:#5c1a1a;font-size:11px;font-weight:800;min-height:42px;padding:9px 13px}
.rgd-app .rgd-quick-start button+button{color:#f5ebdd;background:transparent}
.rgd-app .rgd-quick-start button:hover{transform:translateY(-1px)}
@media(max-width:390px){.rgd-app .rgd-quick-start{flex-direction:column;width:100%}.rgd-app .rgd-quick-start button{width:100%}}

/* =========================================================
   0.3 — simple layer removal, colour swatches and quick guide
   ========================================================= */
.rgd-app .rgd-color-field{border:0;padding:0;margin:14px 0 4px;min-width:0}
.rgd-app .rgd-color-field legend{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:0;margin:0 0 9px;font-size:11px;font-weight:800;color:#4c3e3c}
.rgd-app .rgd-selected-color{font-size:10px;color:var(--rgd-burgundy);font-weight:700;text-align:right}
.rgd-app .rgd-swatches{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.rgd-app .rgd-swatch{--swatch:#b8b1aa;position:relative;width:32px;height:32px;min-width:32px;padding:0;border:2px solid #fff;border-radius:999px;background:var(--swatch);box-shadow:0 0 0 1px #cfc3ba;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.rgd-app .rgd-swatch:hover,.rgd-app .rgd-swatch:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 2px #d8b86a;outline:none}
.rgd-app .rgd-swatch.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--rgd-burgundy)}
.rgd-app .rgd-swatch.is-unavailable{opacity:.28;cursor:not-allowed;background-image:linear-gradient(45deg,transparent 46%,#7d6d68 47%,#7d6d68 53%,transparent 54%)}
.rgd-app .rgd-swatch::after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(3px);z-index:40;background:#342827;color:#fff;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;padding:7px 8px;border-radius:4px;opacity:0;visibility:hidden;pointer-events:none;transition:.15s ease}
.rgd-app .rgd-swatch::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translateX(-50%);border:5px solid transparent;border-top-color:#342827;opacity:0;visibility:hidden;transition:.15s ease}
.rgd-app .rgd-swatch:hover::after,.rgd-app .rgd-swatch:hover::before,.rgd-app .rgd-swatch:focus-visible::after,.rgd-app .rgd-swatch:focus-visible::before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

.rgd-app .rgd-layer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.rgd-app .rgd-layer-heading h3{margin:0 0 3px}
.rgd-app .rgd-layer-heading p{margin:0!important}
.rgd-app .rgd-help-link{border:0;background:transparent;color:var(--rgd-burgundy);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:2px}
.rgd-app .rgd-layers{display:flex;flex-direction:column;gap:7px}
.rgd-app .rgd-layer-row{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;border:1px solid var(--rgd-line);border-radius:7px;background:#fff;overflow:hidden}
.rgd-app .rgd-layer-row.is-selected{border-color:var(--rgd-burgundy);box-shadow:0 0 0 1px rgba(92,26,26,.08)}
.rgd-app .rgd-layer-select{border:0;background:transparent;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 10px;text-align:left;color:var(--rgd-ink);min-width:0}
.rgd-app .rgd-layer-name{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rgd-app .rgd-layer-delete{border:0;border-left:1px solid var(--rgd-line);background:#fff;color:#8c2d2d;font-size:20px;line-height:1;font-weight:500;cursor:pointer}
.rgd-app .rgd-layer-delete:hover,.rgd-app .rgd-layer-delete:focus-visible{background:#fff1ef;color:#6f1717;outline:none}
.rgd-app .rgd-danger-action{color:#8c2d2d!important;border-color:#ddb9b4!important}
.rgd-app .rgd-danger-action:disabled{opacity:.35;cursor:not-allowed}
.rgd-app .rgd-remove-layer{border:1px solid #ddb9b4!important;background:#fff!important;border-radius:4px!important;padding:5px 8px!important;color:#8c2d2d!important;text-decoration:none!important}

.rgd-app .rgd-quick-start [data-open-help]{background:transparent;color:#f5ebdd;border-color:rgba(245,235,221,.55)}
.rgd-help[hidden]{display:none!important}
.rgd-help{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px}
.rgd-help-backdrop{position:absolute;inset:0;background:rgba(35,25,23,.58);backdrop-filter:blur(2px)}
.rgd-help-panel{position:relative;z-index:1;width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;background:#fff;border:1px solid #e4d7cb;border-radius:12px;box-shadow:0 22px 70px rgba(35,25,23,.24);padding:24px}
.rgd-help-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--rgd-line);padding-bottom:14px;margin-bottom:16px}
.rgd-help-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;margin:2px 0 0}
.rgd-help-head>button{width:38px;height:38px;border-radius:999px;border:1px solid var(--rgd-line);background:#fff;color:var(--rgd-burgundy);font-size:24px;line-height:1;cursor:pointer}
.rgd-help-steps{list-style:none!important;counter-reset:rgd-help;margin:0!important;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rgd-help-steps li{counter-increment:rgd-help;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;align-items:start;background:#fbf7f2;border:1px solid #eaded3;border-radius:8px;padding:12px}
.rgd-help-steps li::before{content:counter(rgd-help);display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--rgd-burgundy);color:#fff;font-size:11px;font-weight:800;grid-row:1/3}
.rgd-help-steps b{font-size:12px;color:#4c2927}
.rgd-help-steps span{font-size:11px;line-height:1.5;color:#756765;margin-top:2px}
.rgd-help-note{margin:16px 0 0;padding:11px 12px;border-left:3px solid var(--rgd-gold);background:#fffaf1;color:#665754;font-size:11px;line-height:1.6}
body.rgd-help-open{overflow:hidden}

@media(max-width:760px){
 .rgd-app .rgd-swatches{gap:10px}.rgd-app .rgd-swatch{width:34px;height:34px;min-width:34px}
 .rgd-app .rgd-swatch::after,.rgd-app .rgd-swatch::before{display:none}
 .rgd-help{align-items:flex-end;padding:0}.rgd-help-panel{width:100%;max-height:88vh;border-radius:14px 14px 0 0;padding:20px 17px calc(22px + env(safe-area-inset-bottom))}
 .rgd-help-head h2{font-size:26px}.rgd-help-steps{grid-template-columns:1fr}
 .rgd-app .rgd-layer-heading{align-items:center}.rgd-app .rgd-layer-select{grid-template-columns:auto minmax(0,1fr)}.rgd-app .rgd-layer-tag{display:none}
}

/* =========================================================
   0.5 — compact studio guide bar (Divi hero remains the hero)
   ========================================================= */
.rgd-app .rgd-studio-bar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px clamp(16px,2.4vw,30px);background:#fff;border:1px solid var(--rgd-line);
  border-left:0;border-right:0;position:relative;z-index:4;
}
.rgd-app .rgd-progress{display:flex;align-items:center;min-width:0;flex:1;max-width:640px}
.rgd-app .rgd-progress-step{display:flex;align-items:center;gap:7px;padding:6px 3px;border:0;background:transparent;color:#8a7d79;font-size:12px;font-weight:700;white-space:nowrap}
.rgd-app .rgd-progress-step b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #cdb77f;border-radius:999px;color:var(--rgd-burgundy);font-size:10px;background:#fff}
.rgd-app .rgd-progress-step.is-active{color:var(--rgd-burgundy)}
.rgd-app .rgd-progress-step.is-active b{background:var(--rgd-burgundy);border-color:var(--rgd-burgundy);color:#fff}
.rgd-app .rgd-progress-line{height:1px;background:#dfd4cb;flex:1;min-width:18px;margin:0 8px}
.rgd-app .rgd-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--rgd-burgundy);background:#fff;color:var(--rgd-burgundy);border-radius:7px;padding:10px 14px;font-size:12px;font-weight:800;white-space:nowrap}
.rgd-app .rgd-guide-button:hover{background:var(--rgd-cream)}
.rgd-app .rgd-guide-button span{display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--rgd-cream);font-size:11px}
.rgd-app [data-studio-section]{scroll-margin-top:92px}

@media(max-width:760px){
  .rgd-app .rgd-studio-bar{align-items:stretch;gap:10px;padding:12px 14px;flex-direction:column}
  .rgd-app .rgd-progress{width:100%;max-width:none}
  .rgd-app .rgd-progress-step{font-size:11px;gap:5px}
  .rgd-app .rgd-progress-step b{width:24px;height:24px;font-size:9px}
  .rgd-app .rgd-progress-line{margin:0 5px;min-width:8px}
  .rgd-app .rgd-guide-button{width:100%;min-height:42px}
}
@media(max-width:390px){
  .rgd-app .rgd-progress-step span{font-size:10px}
  .rgd-app .rgd-progress-step b{width:22px;height:22px}
}

/* =========================================================
   0.6 — compact workspace, quick object editing, richer tools
   ========================================================= */
.rgd-app .rgd-body{grid-template-columns:minmax(245px,295px) minmax(360px,1fr) minmax(225px,255px)}
.rgd-app .rgd-panel{padding:17px 15px}
.rgd-app .rgd-chooser,.rgd-app .rgd-summary{min-height:760px}
.rgd-app .rgd-block{padding-bottom:17px;margin-bottom:17px}
.rgd-app .rgd-block-title{margin-bottom:8px;gap:9px}
.rgd-app .rgd-block-title h2{font-size:15px}
.rgd-app .rgd-kind-filter{margin:9px 0;gap:4px}
.rgd-app .rgd-kind-filter button{padding:6px 9px}
.rgd-app .rgd-products{gap:7px;max-height:245px}
.rgd-app .rgd-product-tile{padding:4px 4px 7px;gap:4px;font-size:9.5px}
.rgd-app .rgd-product-tile img{height:78px}
.rgd-app .rgd-product-tile.is-active{padding:3px 3px 6px}
.rgd-app .rgd-variant{grid-template-columns:1fr;gap:8px;margin-top:9px}
.rgd-app .rgd-variant select,.rgd-app textarea,.rgd-app select:not(.ignore){padding:8px;min-height:37px;margin-top:4px}
.rgd-app textarea{min-height:54px}

/* compact, horizontally scrollable garment colours */
.rgd-app .rgd-color-field{margin:9px 0 2px}
.rgd-app .rgd-color-field legend{margin-bottom:5px;font-size:10px}
.rgd-app .rgd-selected-color{font-size:9px;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rgd-app .rgd-swatches{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,22px);grid-auto-columns:22px;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 3px 8px;scrollbar-width:thin;overscroll-behavior-x:contain;align-items:center}
.rgd-app .rgd-swatch{width:20px!important;height:20px!important;min-width:20px!important;border-width:1px;box-shadow:0 0 0 1px #cfc3ba}
.rgd-app .rgd-swatch.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--rgd-burgundy)}
.rgd-app .rgd-swatch::after{bottom:calc(100% + 7px);font-size:9px;padding:6px 7px}

/* tools */
.rgd-app .rgd-tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:8px 0 10px;border:0}
.rgd-app .rgd-tool-tabs button{min-height:38px;padding:7px 2px;font-size:10px;border:1px solid #e6dad0;border-radius:5px}
.rgd-app .rgd-tool-tabs button span{display:block;margin-top:2px}
.rgd-app .rgd-tool-hint{margin:0 0 8px!important}
.rgd-app .rgd-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0 0;max-height:315px;overflow-y:auto}
.rgd-app .rgd-gallery-tile{padding:5px;gap:3px;min-height:112px}
.rgd-app .rgd-gallery-tile img{height:72px;padding:4px}
.rgd-app .rgd-gallery-tile strong{font-size:9px}
.rgd-app .rgd-gallery-tile span{font-size:9px}
.rgd-app .rgd-upload{padding:18px 10px!important;gap:3px}
.rgd-app .rgd-upload .rgd-upload-icon{font-size:26px}
.rgd-app .rgd-upload .rgd-file-cta{margin-top:5px;padding:6px 11px}

.rgd-app .rgd-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.rgd-app .rgd-colour-tools{display:grid;grid-template-columns:58px 58px minmax(80px,1fr);gap:8px;align-items:end;margin:8px 0}
.rgd-app .rgd-colour-tools label{font-size:10px}
.rgd-app .rgd-colour-tools input[type=color]{width:50px;height:34px;margin-top:3px}
.rgd-app .rgd-colour-tools select{min-height:34px!important;padding:5px!important;margin-top:3px!important;font-size:10px}
.rgd-app .rgd-colour-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:5px 0 10px}
.rgd-app .rgd-colour-presets>button:not(.rgd-auto-contrast){width:24px;height:24px;border-radius:999px;border:2px solid #fff;background:var(--preset);box-shadow:0 0 0 1px #cfc3ba;padding:0}
.rgd-app .rgd-auto-contrast{border:1px solid var(--rgd-burgundy);background:#fff;color:var(--rgd-burgundy);border-radius:5px;padding:5px 8px;font-size:9px;font-weight:800}
.rgd-app .rgd-symbol-group{margin:8px 0 11px}
.rgd-app .rgd-symbol-group>strong{display:block;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#796d68;margin-bottom:5px}
.rgd-app .rgd-symbols{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.rgd-app .rgd-symbols button{font-size:18px;min-height:34px;border-radius:5px;padding:2px}

/* preview + direct quick editor */
.rgd-app .rgd-preview-panel{padding:17px 18px 24px}
.rgd-app .rgd-preview-head{margin-bottom:10px}
.rgd-app .rgd-preview-head h2{font-size:27px}
.rgd-app .rgd-preview-stage{max-width:520px}
.rgd-app .rgd-object-toolbar{max-width:650px;margin:9px auto 0;border:1px solid #e2d6cb;background:#fff;border-radius:8px;padding:8px 9px;box-shadow:0 5px 18px rgba(42,28,24,.06)}
.rgd-app .rgd-object-toolbar[hidden]{display:none!important}
.rgd-app .rgd-object-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 6px;border-bottom:1px solid #eee5dd}
.rgd-app .rgd-object-title strong{font-size:10px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4a3533}
.rgd-app .rgd-object-title span{font-size:8.5px;color:#847673;text-align:right}
.rgd-app .rgd-object-controls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding-top:7px}
.rgd-app .rgd-stepper{display:inline-grid;grid-template-columns:30px 45px 30px;height:32px;border:1px solid #dfd4cb;border-radius:6px;overflow:hidden;background:#fff}
.rgd-app .rgd-stepper button{border:0;background:#fbf7f2;color:var(--rgd-burgundy);font-weight:900;font-size:17px;padding:0}
.rgd-app .rgd-stepper span{display:grid;place-items:center;font-size:9px;font-weight:800;border-left:1px solid #dfd4cb;border-right:1px solid #dfd4cb}
.rgd-app .rgd-layer-colour{display:flex!important;align-items:center;gap:5px;font-size:9px!important;margin:0!important;font-weight:800!important}
.rgd-app .rgd-layer-colour input[type=color]{width:34px;height:32px;padding:2px;margin:0}
.rgd-app .rgd-toolbar-button{height:32px;border:1px solid #dfd4cb;background:#fff;color:#5c4b49;border-radius:5px;padding:0 8px;font-size:9px;font-weight:800}
.rgd-app .rgd-toolbar-button:hover{background:var(--rgd-cream)}
.rgd-app .rgd-preview-actions{margin-top:8px;gap:5px}
.rgd-app .rgd-preview-actions button{padding:6px 9px;font-size:9px}
.rgd-app .rgd-tip{margin:9px auto!important}
.rgd-app .rgd-layer-section{margin-top:11px;padding-top:10px}
.rgd-app .rgd-layer-heading{margin-bottom:6px}
.rgd-app .rgd-layer-row{grid-template-columns:minmax(0,1fr) 31px}
.rgd-app .rgd-layer-select{padding:7px 8px}
.rgd-app .rgd-layer-name{font-size:10px}

/* more compact order summary */
.rgd-app .rgd-summary{top:8px;gap:17px}
.rgd-app .rgd-summary h2{font-size:25px;margin-bottom:14px}
.rgd-app .rgd-summary-product{padding-bottom:12px;margin-bottom:13px}
.rgd-app .rgd-summary-product img{width:52px;height:62px}
.rgd-app .rgd-total-row{margin-bottom:8px;font-size:11px}
.rgd-app .rgd-grand{padding-top:12px;margin-top:11px}
.rgd-app .rgd-grand strong{font-size:18px}
.rgd-app .rgd-qty-label{margin-top:12px}
.rgd-app .rgd-primary{margin-top:11px;padding:12px}
.rgd-app .rgd-summary-footer{padding:10px}

@media(max-width:1250px){
 .rgd-app .rgd-body{grid-template-columns:minmax(235px,275px) minmax(340px,1fr)}
 .rgd-app .rgd-summary{grid-column:1/-1}
}

@media(max-width:760px){
 .rgd-app .rgd-studio-bar{position:sticky;top:0;z-index:30;padding:8px 10px;gap:6px;background:rgba(255,255,255,.97);backdrop-filter:blur(6px)}
 .rgd-app .rgd-progress-step{padding:2px;font-size:10px}.rgd-app .rgd-progress-step b{width:21px;height:21px}.rgd-app .rgd-guide-button{min-height:34px;padding:7px 10px}
 .rgd-app .rgd-body{display:flex;flex-direction:column}
 .rgd-app .rgd-chooser{order:1;width:100%;padding:12px 12px;border:0;min-height:0}
 .rgd-app .rgd-preview-panel{order:2;width:100%;padding:10px 10px 8px}
 .rgd-app .rgd-summary{order:3;width:100%;padding:15px 13px}
 .rgd-app .rgd-block{margin-bottom:12px;padding-bottom:12px}
 .rgd-app .rgd-products{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;gap:7px;padding:2px 1px 6px;scroll-snap-type:x proximity}
 .rgd-app .rgd-product-tile{flex:0 0 116px;scroll-snap-align:start;font-size:9px}
 .rgd-app .rgd-product-tile img{height:82px}
 .rgd-app .rgd-swatches{grid-template-rows:repeat(2,21px);grid-auto-columns:21px;gap:6px;padding-bottom:7px}
 .rgd-app .rgd-swatch{width:19px!important;height:19px!important;min-width:19px!important}
 .rgd-app .rgd-gallery{display:flex;overflow-x:auto;overflow-y:hidden;max-height:none;gap:7px;padding-bottom:7px;scroll-snap-type:x proximity}
 .rgd-app .rgd-gallery-tile{flex:0 0 104px;scroll-snap-align:start;min-height:106px}
 .rgd-app .rgd-gallery-tile img{height:68px}
 .rgd-app .rgd-symbols{grid-template-columns:repeat(9,minmax(0,1fr))}
 .rgd-app .rgd-preview-stage{max-width:430px}
 .rgd-app .rgd-preview-head{margin-bottom:7px}.rgd-app .rgd-preview-head h2{font-size:23px}
 .rgd-app .rgd-object-toolbar{position:sticky;bottom:63px;z-index:19;margin-top:7px;padding:7px;box-shadow:0 -4px 18px rgba(42,28,24,.12)}
 .rgd-app .rgd-object-title span{display:none}.rgd-app .rgd-object-title strong{max-width:100%}
 .rgd-app .rgd-object-controls{justify-content:flex-start;gap:5px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
 .rgd-app .rgd-stepper{flex:0 0 103px}.rgd-app .rgd-layer-colour,.rgd-app .rgd-toolbar-button{flex:0 0 auto}
 .rgd-app .rgd-layer-section{margin-top:9px}
 .rgd-app .rgd-layer-heading p{display:none}
 .rgd-app .rgd-mobile-checkout{z-index:25}
}

@media(max-width:430px){
 .rgd-app .rgd-tool-tabs button span{font-size:9px}
 .rgd-app .rgd-text-grid{grid-template-columns:1fr 1fr}
 .rgd-app .rgd-colour-tools{grid-template-columns:54px 54px minmax(76px,1fr)}
 .rgd-app .rgd-symbols{grid-template-columns:repeat(8,minmax(0,1fr))}
 .rgd-app .rgd-product-tile{flex-basis:108px}
}


/* =========================================================
   0.6.1 — colour dropdown, single beige colour label
   ========================================================= */
.rgd-app .rgd-swatch::before,
.rgd-app .rgd-swatch::after{display:none!important;content:none!important}
.rgd-app .rgd-color-field legend{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rgd-app .rgd-selected-color{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #e1d2c4;border-radius:999px;background:var(--rgd-cream);color:var(--rgd-burgundy);font-size:9px;font-weight:800;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rgd-app .rgd-color-dropdown{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:4px 0 7px!important;font-size:9px!important;color:#776b67!important}
.rgd-app .rgd-color-dropdown>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.rgd-app .rgd-color-dropdown select{margin:0!important;min-height:32px!important;padding:5px 30px 5px 8px!important;font-size:10px!important;background:#fff!important;border:1px solid #dfd3c8!important;border-radius:5px!important}
@media(max-width:760px){
  .rgd-app .rgd-color-dropdown{grid-template-columns:1fr;gap:3px}
  .rgd-app .rgd-color-dropdown>span{display:none}
  .rgd-app .rgd-color-dropdown select{min-height:36px!important;font-size:11px!important}
}
