:root{--froo-border:#e8e5e1;--froo-border-strong:#ddd8d2;--froo-ink:#171513;--froo-muted:#77716b;--froo-beige:#f7eadb;--froo-beige-strong:#c7894d;--froo-soft:#faf9f7;--froo-danger:#a8473b;--froo-success:#4f755b}
html:has(.froo-config-app),body.froo-config-body{margin:0!important;padding:0!important;width:100%;height:100%;background:#fff;color:var(--froo-ink);font-family:Montserrat,Arial,sans-serif;overflow:hidden}.froo-config-body *{box-sizing:border-box}.froo-config-body a{color:inherit;text-decoration:none}.froo-config-body button,.froo-config-body input,.froo-config-body textarea,.froo-config-body select{font:inherit}.froo-config-body button{color:inherit}.froo-config-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;flex:none}.froo-config-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.froo-config-app{height:100vh;display:grid;grid-template-rows:86px minmax(0,1fr) 96px;background:#fff}.froo-config-header{height:86px;border-bottom:1px solid var(--froo-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;z-index:40;min-width:0}.froo-config-header__product,.froo-config-header__actions{display:flex;align-items:center;min-width:0}.froo-config-back{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:500;white-space:nowrap}.froo-config-back .froo-config-icon{width:19px;height:19px}.froo-config-header__divider{width:1px;height:30px;background:var(--froo-border);margin:0 18px}.froo-config-product-thumb{width:54px;height:54px;border-radius:7px;object-fit:cover;border:1px solid #e8e0d9}.froo-config-product-title-wrap{display:flex;align-items:center;min-width:0;gap:9px;margin-left:18px}.froo-config-product-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:22px;line-height:1.1;max-width:510px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.froo-config-product-title-edit{font-family:Arial,sans-serif;font-size:18px;transform:rotate(-10deg)}.froo-config-save-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a4845;white-space:nowrap}.froo-config-save-status .froo-config-icon{width:20px;height:20px;color:#73716e}.froo-config-save-status.is-saving .froo-config-icon{animation:froo-spin .8s linear infinite}.froo-config-save-status.is-error{color:var(--froo-danger)}.froo-config-head-btn{appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 11px;cursor:pointer;border-radius:6px;font-size:12px;white-space:nowrap}.froo-config-head-btn:hover{background:#f7f6f4}.froo-config-head-btn:disabled{opacity:.35;cursor:not-allowed}.froo-config-head-btn .froo-config-icon{width:20px;height:20px}.froo-config-main{min-height:0;display:grid;grid-template-columns:148px 310px minmax(460px,1fr) 340px;border-bottom:1px solid var(--froo-border)}.froo-config-sidebar{min-width:0;border-right:1px solid var(--froo-border);padding:18px 9px;display:flex;flex-direction:column;gap:4px;overflow:auto;background:#fff}.froo-config-step{border:0;background:#fff;border-radius:7px;min-height:72px;padding:10px 12px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;position:relative}.froo-config-step:before{content:"";position:absolute;left:-9px;top:0;bottom:0;width:3px;background:transparent;border-radius:0 3px 3px 0}.froo-config-step:hover{background:#faf9f7}.froo-config-step.is-active{background:var(--froo-beige)}.froo-config-step.is-active:before{background:#d7a36e}.froo-config-step .froo-config-icon{width:30px;height:30px;stroke-width:1.1}.froo-config-step__text{display:flex;flex-direction:column;gap:3px}.froo-config-step__text small{font-size:12px;font-weight:600}.froo-config-step__text span{font-size:12px}.froo-config-help-tile{margin-top:auto;border:0;background:#fbf3e9;border-radius:7px;padding:14px 10px;min-height:116px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.froo-config-help-tile strong{font-size:11px}.froo-config-help-tile span:last-child{font-size:10px;line-height:1.4;color:#655f59}.froo-config-help-bulb{font-size:31px;font-weight:300}.froo-config-options{min-width:0;border-right:1px solid var(--froo-border);background:#fff;overflow:hidden}.froo-config-panel{height:100%;padding:30px 20px;overflow-y:auto;scrollbar-width:thin}.froo-config-panel[hidden]{display:none!important}.froo-config-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.froo-config-panel-head h2{font-size:20px;margin:2px 0 0;font-weight:600}.froo-config-kicker{text-transform:uppercase;letter-spacing:.08em;color:#9b8d80;font-size:10px;font-weight:700}.froo-config-primary-small{border:1px solid #1d1b19;background:#1d1b19;color:#fff!important;border-radius:6px;min-height:38px;padding:0 11px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px}.froo-config-primary-small .froo-config-icon{width:15px;height:15px}.froo-config-field{margin:0 0 27px}.froo-config-field__label{display:flex;align-items:center;gap:8px;margin-bottom:12px}.froo-config-field__label strong,.froo-config-field>label{font-size:12px;font-weight:600}.froo-config-info-dot{width:18px;height:18px;border:1px solid #aaa6a1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:11px;color:#777}.froo-config-field textarea,.froo-config-field select,.froo-config-field input[type="number"],.froo-config-search input,.froo-config-five-fields input{width:100%;border:1px solid var(--froo-border-strong);background:#fff;border-radius:6px;outline:none;min-height:42px;padding:9px 11px;color:#211f1d;font-size:13px}.froo-config-field textarea{resize:vertical;line-height:1.45;min-height:110px}.froo-config-field textarea:focus,.froo-config-field select:focus,.froo-config-field input:focus,.froo-config-search input:focus,.froo-config-five-fields input:focus{border-color:#b9814d;box-shadow:0 0 0 2px rgba(185,129,77,.12)}.froo-config-hint{display:block;font-size:10px;line-height:1.5;color:#8c8782;margin-top:7px}.froo-config-option-row{display:flex;gap:8px;flex-wrap:wrap}.froo-config-option-btn{min-height:50px;padding:0 13px;background:#fff;border:1px solid var(--froo-border-strong);border-radius:6px;font-size:12px;cursor:pointer}.froo-config-option-btn:hover,.froo-config-option-btn.is-selected{border-color:#b9783c;background:#fffaf5;box-shadow:inset 0 0 0 1px rgba(183,120,60,.12)}.froo-config-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.froo-config-swatch-card{border:1px solid var(--froo-border-strong);border-radius:7px;background:#fff;padding:4px;cursor:pointer;min-width:0;overflow:hidden}.froo-config-swatch-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}.froo-config-swatch-card span{display:block;font-size:11px;text-align:center;padding:8px 3px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.froo-config-swatch-card.is-selected{border-color:#b9783c;box-shadow:inset 0 0 0 1px rgba(183,120,60,.18)}.froo-config-rounded-field{display:flex;align-items:center;justify-content:space-between}.froo-config-rounded-field .froo-config-field__label{margin:0}.froo-config-switch{position:relative;width:42px;height:24px}.froo-config-switch input{position:absolute;opacity:0}.froo-config-switch span{position:absolute;inset:0;border-radius:20px;background:#e9e9e9;cursor:pointer;transition:.18s}.froo-config-switch span:after{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.18s}.froo-config-switch input:checked+span{background:#b9783c}.froo-config-switch input:checked+span:after{transform:translateX(18px)}.froo-config-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.froo-config-two-cols .froo-config-field{margin-bottom:18px}.froo-config-unit-input{position:relative}.froo-config-unit-input input{padding-right:35px!important}.froo-config-unit-input span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#8e8984}.froo-config-segment{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--froo-border-strong);border-radius:6px;overflow:hidden}.froo-config-segment button{border:0;border-right:1px solid var(--froo-border);background:#fff;min-height:38px;font-size:10px;cursor:pointer}.froo-config-segment button:last-child{border-right:0}.froo-config-segment button.is-active{background:#211f1d;color:#fff}.froo-config-field input[type="range"]{width:100%;accent-color:#8e6441}.froo-config-range-label{display:flex;align-items:center;justify-content:space-between}.froo-config-range-label span{font-size:10px;color:#8b8580}.froo-config-selection-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:22px;opacity:.4;pointer-events:none}.froo-config-selection-actions.has-selection{opacity:1;pointer-events:auto}.froo-config-selection-actions button,.froo-config-secondary-wide{min-height:40px;border:1px solid var(--froo-border-strong);background:#fff;border-radius:6px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px}.froo-config-selection-actions .froo-config-icon{width:15px;height:15px}.froo-config-selection-actions button.is-danger{color:var(--froo-danger)}.froo-config-secondary-wide{width:100%;font-size:11px;margin-top:10px}.froo-config-search{height:42px;border:1px solid var(--froo-border-strong);border-radius:6px;display:flex;align-items:center;padding:0 10px;margin-bottom:13px}.froo-config-search span{width:19px;height:19px;color:#847e77}.froo-config-search input{border:0;box-shadow:none!important;min-height:38px;padding-left:8px}.froo-config-chip-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:9px;margin-bottom:11px}.froo-config-chip-row button{border:1px solid var(--froo-border);background:#fff;border-radius:999px;padding:6px 9px;white-space:nowrap;font-size:9px;cursor:pointer}.froo-config-chip-row button.is-active{background:#211f1d;color:#fff;border-color:#211f1d}.froo-config-assets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.froo-config-asset{border:1px solid var(--froo-border);background:#fff;border-radius:7px;padding:5px;cursor:pointer;min-width:0}.froo-config-asset img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#faf9f7;border-radius:5px}.froo-config-asset span{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 2px 2px}.froo-config-assets-empty{grid-column:1/-1;padding:25px 8px;text-align:center;color:#8c8782;font-size:10px;line-height:1.5}.froo-config-dropzone{min-height:190px;border:1px dashed #bcb7b2;border-radius:7px;background:#fcfbfa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:20px;cursor:pointer;transition:.15s}.froo-config-dropzone.is-dragover{border-color:#b9783c;background:#fff8f0}.froo-config-dropzone.is-uploading{opacity:.55;pointer-events:none}.froo-config-dropzone .froo-config-icon{width:32px;height:32px}.froo-config-dropzone strong{font-size:12px}.froo-config-dropzone span{font-size:9px;color:#817b75}.froo-config-dropzone b{font-size:10px;border:1px solid var(--froo-border-strong);border-radius:5px;padding:7px 10px;background:#fff}.froo-config-dropzone input{display:none}.froo-config-photo-controls{margin-top:22px}.froo-config-quality{padding:10px 11px;border-radius:6px;font-size:10px;background:#f4f3f1;color:#666}.froo-config-quality.is-good{background:#eef6f0;color:#406b4c}.froo-config-quality.is-medium{background:#faf4e5;color:#866c31}.froo-config-quality.is-low{background:#f8ecea;color:#9a4a41}.froo-config-five-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.froo-config-five-fields label{font-size:10px;font-weight:600}.froo-config-five-fields label:last-child{grid-column:1/-1}.froo-config-check,.froo-config-addon{display:flex;align-items:center;gap:8px;font-size:10px;cursor:pointer}.froo-config-check input{width:15px;height:15px}.froo-config-align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0}.froo-config-align-grid button{border:1px solid var(--froo-border);background:#fff;border-radius:5px;min-height:38px;font-size:9px;cursor:pointer}.froo-config-project-state{display:flex;gap:10px;padding:13px;background:#f2f8f3;border:1px solid #dcecdf;border-radius:7px;margin-bottom:15px}.froo-config-project-state>span:first-child{color:var(--froo-success)}.froo-config-project-state div{display:flex;flex-direction:column;gap:3px}.froo-config-project-state strong{font-size:11px}.froo-config-project-state span:last-child{font-size:9px;color:#6f756f}.froo-config-project-state.is-warning{background:#fff7ea;border-color:#f0dfbd}.froo-config-stage{position:relative;min-width:0;background:radial-gradient(circle at 50% 48%,#fff 0,#fbfaf8 55%,#f7f5f2 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.froo-config-stage-canvas-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:74px 74px 96px 54px;min-width:0;min-height:0}.froo-config-canvas-frame{position:relative;width:min(760px,96%);aspect-ratio:900/640;transition:border-radius .18s,opacity .15s ease;box-shadow:0 12px 38px rgba(79,60,43,.06)}.froo-config-canvas-frame.has-rounded{border-radius:22px;overflow:hidden}.froo-config-product-base{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;pointer-events:none;user-select:none;z-index:0;opacity:1;border-radius:inherit;transition:opacity .15s ease}.froo-config-canvas-frame.is-switching-variant .froo-config-product-base{opacity:.94}.froo-config-canvas-frame>.canvas-container{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;z-index:2}.froo-config-canvas-frame>.canvas-container canvas{width:100%!important;height:100%!important;background:transparent!important}.froo-config-safe-area{position:absolute;border:1px dashed rgba(150,95,45,.65);z-index:9;pointer-events:none}.froo-config-safe-area span{position:absolute;top:-20px;left:0;font-size:9px;color:#95643a;background:#fff8;padding:2px 4px}.froo-config-guide{position:absolute;z-index:12;pointer-events:none;background:#b9713e}.froo-config-guide[hidden]{display:none}.froo-config-guide--v{width:1px;top:0;bottom:0;left:50%}.froo-config-guide--h{height:1px;left:0;right:0;top:50%}.froo-config-viewport-tools{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.froo-config-viewport-tools button{width:70px;min-height:78px;border:1px solid var(--froo-border);border-radius:6px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:9px}.froo-config-viewport-tools button:hover{border-color:#c9c2bb}.froo-config-viewport-tools .froo-config-icon{width:29px;height:29px}.froo-config-view-tabs{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:7px;max-width:calc(100% - 150px);overflow-x:auto}.froo-config-view-tab{width:112px;height:82px;border:1px solid var(--froo-border);border-radius:6px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;flex:none}.froo-config-view-tab span{font-size:22px;font-weight:300;color:#6b4c32}.froo-config-view-tab strong{font-size:9px;font-weight:500}.froo-config-view-tab.is-active{border-color:#b9783c;background:#fffaf5}.froo-config-stage-warning{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#fff2e0;color:#8a552b;border:1px solid #e5c9a8;padding:8px 12px;border-radius:5px;font-size:10px;z-index:20}.froo-config-preview-exit{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #222;background:#222;color:#fff!important;border-radius:6px;min-height:42px;padding:0 16px;z-index:30;cursor:pointer}.froo-config-right{min-width:0;border-left:1px solid var(--froo-border);background:#fff;padding:0 20px;overflow-y:auto;display:flex;flex-direction:column}.froo-config-layers-section{padding:30px 0 20px;border-bottom:1px solid var(--froo-border)}.froo-config-right-title{display:flex;align-items:center;justify-content:space-between}.froo-config-right h2{font-size:14px;margin:0 0 16px;font-weight:600}.froo-config-right-title span{font-size:10px;color:#999}.froo-config-layers{display:flex;flex-direction:column;gap:6px;max-height:365px;overflow:auto}.froo-config-layers-empty{font-size:10px;color:#8f8982;padding:12px 0}.froo-config-layer{border:1px solid var(--froo-border);border-radius:6px;display:flex;align-items:center;min-height:54px;background:#fff;transition:.12s}.froo-config-layer.is-active{border-color:#b9783c;background:#fffaf5}.froo-config-layer.is-dragging{opacity:.45}.froo-config-layer.is-drag-over{border-top:2px solid #b9783c}.froo-config-layer-main{border:0;background:transparent;display:flex;align-items:center;gap:9px;min-width:0;flex:1;text-align:left;padding:8px;cursor:pointer}.froo-config-layer-icon{width:34px;height:34px;border-radius:5px;background:#f6f4f2;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:19px}.froo-config-layer-copy{display:flex;flex-direction:column;min-width:0;gap:3px}.froo-config-layer-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.froo-config-layer-copy small{font-size:9px;color:#888}.froo-config-layer-actions{display:flex;align-items:center;padding-right:5px}.froo-config-layer-actions button{width:30px;height:34px;border:0;background:transparent;cursor:pointer;color:#5f5a54;padding:7px}.froo-config-layer-actions svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}.froo-config-add-element{width:100%;border:1px solid var(--froo-border);border-radius:6px;background:#fff;min-height:40px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:10px}.froo-config-add-element .froo-config-icon{width:16px;height:16px}.froo-config-summary{padding:25px 0 28px}.froo-config-summary-list{display:flex;flex-direction:column;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--froo-border)}.froo-config-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px}.froo-config-summary-list strong{font-weight:500;text-align:right}.froo-config-addons{display:flex;flex-direction:column;gap:10px;padding:14px 0}.froo-config-addon{justify-content:space-between}.froo-config-addon>span{display:flex;align-items:center;gap:7px}.froo-config-addon input{position:absolute;opacity:0}.froo-config-addon i{width:16px;height:16px;border:1px solid #cfcac5;border-radius:3px;position:relative}.froo-config-addon input:checked+i{background:#1e1c1a;border-color:#1e1c1a}.froo-config-addon input:checked+i:after{content:"✓";position:absolute;color:#fff;font-size:10px;left:3px;top:0}.froo-config-addon b{font-weight:500}.froo-config-addon>strong{font-size:10px}.froo-config-price-box{border-top:1px solid var(--froo-border);padding-top:15px}.froo-config-price-box>span{font-size:11px}.froo-config-price-box>div:nth-child(2){display:flex;align-items:flex-end;gap:8px;margin-top:6px}.froo-config-price-box>div:nth-child(2)>strong{font-size:25px;line-height:1;font-weight:700}.froo-config-price-box small{font-size:9px;color:#777}.froo-config-price-details{display:flex!important;flex-direction:column;gap:4px;margin-top:10px!important;align-items:stretch!important}.froo-config-price-details>div{display:flex;justify-content:space-between;font-size:9px;color:#817b75}.froo-config-price-details strong{font-weight:500}.froo-config-add-to-cart{width:100%;min-height:54px;background:#181715;color:#fff!important;border:0;border-radius:5px;margin-top:22px;display:grid;grid-template-columns:26px 1fr 26px;align-items:center;padding:0 14px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.12)}.froo-config-add-to-cart span{font-size:12px;font-weight:600}.froo-config-add-to-cart .froo-config-icon{width:22px;height:22px}.froo-config-add-to-cart .froo-config-icon:last-child{justify-self:end}.froo-config-add-to-cart:disabled{opacity:.55;cursor:wait}.froo-config-cart-status{font-size:9px;line-height:1.4;margin-top:8px;text-align:center;min-height:13px}.froo-config-cart-status.is-error{color:var(--froo-danger)}.froo-config-cart-status.is-success{color:var(--froo-success)}.froo-config-secure{font-size:9px;color:#777;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}.froo-config-secure .froo-config-icon{width:16px;height:16px}.froo-config-benefits{border-top:1px solid var(--froo-border);background:#fff;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;padding:0 34px;gap:16px}.froo-config-benefits>div{display:flex;align-items:center;gap:11px;justify-content:center;min-width:0}.froo-config-benefits .froo-config-icon{width:29px;height:29px;color:#5f4b3b}.froo-config-benefits span{display:flex;flex-direction:column;gap:3px;min-width:0}.froo-config-benefits strong{font-size:10px;white-space:nowrap}.froo-config-benefits small{font-size:8px;color:#817a74;white-space:nowrap}.froo-config-loading{position:absolute;inset:86px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;z-index:80}.froo-config-loading[hidden]{display:none}.froo-config-loader{width:26px;height:26px;border:2px solid #e8e3de;border-top-color:#8c684a;border-radius:50%;animation:froo-spin .8s linear infinite}.froo-config-loading>span:last-child{font-size:12px;color:#6f6963}.froo-config-load-error{display:flex;flex-direction:column;gap:7px;text-align:center}.froo-config-load-error strong{font-size:15px}.froo-config-load-error span{font-size:11px;color:var(--froo-danger)}.froo-config-modal{position:fixed;inset:0;background:rgba(22,20,18,.28);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.froo-config-modal[hidden]{display:none}.froo-config-modal__card{width:min(430px,100%);background:#fff;border-radius:9px;padding:25px;box-shadow:0 22px 60px rgba(0,0,0,.18);position:relative}.froo-config-modal__card h2{margin:0 0 9px;font-size:17px}.froo-config-modal__card p,.froo-config-modal__card li{font-size:11px;line-height:1.6;color:#6e6862}.froo-config-modal__card>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.froo-config-modal__card button{border:1px solid var(--froo-border-strong);background:#fff;border-radius:5px;min-height:39px;padding:0 13px;cursor:pointer;font-size:10px}.froo-config-modal__card button.is-danger{background:#9d4037;border-color:#9d4037;color:#fff}.froo-config-modal-close{position:absolute;right:12px;top:10px;border:0!important;background:transparent!important;font-size:22px!important;padding:0!important}.froo-config-help-modal ol{padding-left:18px}.froo-config-help-modal kbd{background:#f3f1ef;border:1px solid #ddd8d2;border-radius:4px;padding:2px 5px}.froo-config-error{min-height:100vh;background:#faf9f7;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Montserrat,Arial,sans-serif}.froo-config-error__card{max-width:480px;background:#fff;border:1px solid var(--froo-border);border-radius:10px;padding:34px;text-align:center}.froo-config-error__card>.froo-config-icon{width:40px;height:40px}.froo-config-error__card h1{font-size:22px;margin:16px 0 8px}.froo-config-error__card p{font-size:12px;line-height:1.6;color:#736d67}.froo-config-error__card a{display:inline-flex;background:#1d1b19;color:#fff;padding:12px 17px;border-radius:5px;margin-top:9px;font-size:11px}.froo-config-mobile-nav,.froo-config-mobile-cart,.froo-config-bottom-sheet{display:none}.froo-config-app.is-preview .froo-config-sidebar,.froo-config-app.is-preview .froo-config-options,.froo-config-app.is-preview .froo-config-right,.froo-config-app.is-preview .froo-config-viewport-tools,.froo-config-app.is-preview .froo-config-view-tabs{opacity:0;pointer-events:none}.froo-config-app.is-preview .froo-config-stage{grid-column:1/-1}.froo-config-app.is-preview .froo-config-main{grid-template-columns:0 0 1fr 0}.froo-config-app.is-preview .froo-config-stage-canvas-wrap{padding:35px}.froo-config-app.is-preview .froo-config-canvas-frame{width:min(980px,92%)}@keyframes froo-spin{to{transform:rotate(360deg)}}@media(max-width:1450px){.froo-config-main{grid-template-columns:128px 288px minmax(420px,1fr) 318px}.froo-config-header{padding:0 16px}.froo-config-product-title{max-width:360px}.froo-config-header__divider{margin:0 12px}.froo-config-step{gap:10px;padding:9px}.froo-config-step .froo-config-icon{width:26px;height:26px}.froo-config-panel{padding:24px 16px}.froo-config-right{padding:0 16px}.froo-config-stage-canvas-wrap{padding-left:35px}.froo-config-benefits{padding:0 18px;gap:8px}.froo-config-benefits .froo-config-icon{width:25px;height:25px}.froo-config-benefits strong{font-size:9px}.froo-config-benefits small{font-size:7px}}@media(max-width:1250px){.froo-config-main{grid-template-columns:104px 270px minmax(400px,1fr) 285px}.froo-config-step{flex-direction:column;justify-content:center;text-align:center;gap:4px;min-height:66px}.froo-config-step__text{gap:1px}.froo-config-step__text small{font-size:10px}.froo-config-step__text span{font-size:10px}.froo-config-help-tile{display:none}.froo-config-product-title{max-width:280px;font-size:19px}.froo-config-save-status span:last-child{display:none}.froo-config-head-btn span{display:none}.froo-config-head-btn{padding:0 8px}.froo-config-header__divider{margin:0 8px}.froo-config-view-tab{width:94px}.froo-config-right h2{font-size:13px}}

.froo-config-variant-section{padding-bottom:22px;border-bottom:1px solid var(--froo-border);margin-bottom:22px}.froo-config-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.froo-config-variant-card{min-width:0;border:1px solid var(--froo-border-strong);border-radius:7px;background:#fff;padding:4px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;text-align:center}.froo-config-variant-card:hover{border-color:#c9b7a7}.froo-config-variant-card.is-selected{border-color:#b9783c;box-shadow:inset 0 0 0 1px rgba(183,120,60,.18);background:#fffaf5}.froo-config-variant-image{display:block;width:100%;aspect-ratio:1/1;border-radius:5px;overflow:hidden;background:#f6f3ef}.froo-config-variant-image img{width:100%;height:100%;display:block;object-fit:cover}.froo-config-variant-name{display:block;font-size:10px;font-weight:600;line-height:1.25;padding:7px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.froo-config-variant-price{display:block;font-size:8px;line-height:1.2;color:#786e65;padding:0 2px 5px}.froo-config-canvas-frame.is-switching-variant{opacity:1}.froo-config-viewport-tools{grid-auto-flow:row}.froo-config-view-tabs[hidden]{display:none!important}