:root{
  --fl-font:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fl-heading-font:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fl-accent:#6F4BD8;
  --fl-accent-soft:#F2ECFF;
  --fl-accent-weak:#FBF9FF;
  --fl-text:#161824;
  --fl-muted:#6B7280;
  --fl-border:rgba(22,24,36,.12);
  --fl-border-strong:rgba(22,24,36,.18);
  --fl-page-bg:#F8F7F4;
  --fl-panel-bg:rgba(255,255,255,.96);
  --fl-radius:18px;
  --fl-control-radius:12px;
  --fl-viewer-radius:18px;
  --fl-shadow:0 18px 55px rgba(15,23,42,.10);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--fl-font);background:var(--fl-page-bg);color:var(--fl-text);font-feature-settings:"kern" 1;text-rendering:geometricPrecision}.fl-embed{background:transparent;overflow:hidden}.fl-init{padding:24px;color:var(--fl-muted);font-weight:700}
#fl-configurator{width:100%;max-width:1340px;margin:0 auto;padding:12px}.fl-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch}.fl-viewer-card{position:relative;border-radius:var(--fl-viewer-radius);overflow:hidden;background:#edeae4;border:1px solid var(--fl-border);box-shadow:var(--fl-shadow)}.fl-viewer{position:relative;width:100%;aspect-ratio:var(--fl-ratio,16/9);overflow:hidden;touch-action:pan-y;user-select:none;cursor:default}.fl-viewer.is-zoomed{cursor:grab;touch-action:none}.fl-viewer.is-dragging{cursor:grabbing}.fl-stage{position:absolute;inset:0;transform-origin:center center;will-change:transform}.fl-bg,.fl-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none}.fl-bg{z-index:0}.fl-layer{opacity:1;transition:opacity 120ms ease}
.fl-toolbar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:1000;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px;border-radius:999px;background:rgba(246,242,235,.72);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 15px 34px rgba(28,25,20,.16),inset 0 1px 0 rgba(255,255,255,.78)}.fl-tool-btn,.fl-zoom-value{height:34px;border:0;border-radius:999px;font-family:var(--fl-font);color:var(--fl-text)}.fl-tool-btn{width:36px;background:transparent;cursor:pointer;font-weight:800;font-size:18px;line-height:1;display:grid;place-items:center;transition:background .14s ease,transform .14s ease,opacity .14s ease}.fl-tool-btn:hover{background:rgba(255,255,255,.72)}.fl-tool-btn:active{transform:scale(.96)}.fl-tool-btn:disabled{opacity:.34;cursor:not-allowed;transform:none}.fl-zoom-value{min-width:74px;padding:0 17px;background:rgba(255,255,255,.88);box-shadow:0 3px 11px rgba(15,23,42,.08);font-weight:800;font-size:13px;letter-spacing:-.02em;cursor:pointer}.fl-zoom-value:hover{background:#fff}.fl-loading{position:absolute;inset:0;z-index:1001;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity 120ms}.fl-loading.is-active{opacity:1}.fl-loading-text{color:var(--fl-text);font-weight:800;font-size:13px;letter-spacing:-.02em;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.fl-panel{border-radius:var(--fl-radius);background:var(--fl-panel-bg);border:1px solid var(--fl-border);box-shadow:var(--fl-shadow);padding:16px;position:sticky;top:12px;height:var(--fl-panel-height,auto);max-height:var(--fl-panel-height,none);overflow:auto;scrollbar-width:thin}.fl-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.fl-panel-head strong{display:block;font-family:var(--fl-heading-font);font-size:18px;line-height:1.04;font-weight:800;letter-spacing:-.04em;color:var(--fl-text)}.fl-panel-head span{display:block;color:var(--fl-muted);font-size:12px;font-weight:700;margin-top:4px}.fl-mini-btn{height:34px;border:1px solid var(--fl-border);border-radius:12px;background:#fff;font:800 12px/1 var(--fl-font);padding:0 12px;cursor:pointer;color:var(--fl-text);letter-spacing:-.02em;box-shadow:0 3px 10px rgba(15,23,42,.04)}.fl-mini-btn:hover{background:#fafafa;border-color:var(--fl-border-strong)}
.fl-chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.fl-chip{display:flex;align-items:center;gap:9px;min-height:46px;border:1px solid var(--fl-border);border-radius:13px;background:#fff;color:#303445;font-weight:760;font-size:12px;letter-spacing:-.02em;padding:0 10px;cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s}.fl-chip:hover{border-color:rgba(111,75,216,.35);box-shadow:0 8px 22px rgba(111,75,216,.07)}.fl-chip:active{transform:scale(.99)}.fl-chip.is-active{background:color-mix(in srgb,var(--fl-accent) 9%,#fff);border-color:var(--fl-accent);color:var(--fl-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--fl-accent) 16%,transparent)}.fl-chip-icon{width:26px;height:26px;border-radius:8px;background:#F3EFE7;border:1px solid rgba(22,24,36,.12);display:inline-grid;place-items:center;flex:0 0 auto;color:#5F6574}.fl-chip-icon svg{width:18px;height:18px;display:block}.fl-chip.is-active .fl-chip-icon{background:#fff;border-color:rgba(111,75,216,.25);color:var(--fl-accent)}
.fl-fields{display:grid;gap:14px}.fl-label{display:block;font-size:12px;font-weight:800;color:#30394D;margin:0 0 7px;letter-spacing:-.025em}.fl-combo{position:relative}.fl-combo-button{position:relative;width:100%;min-height:47px;border:1px solid var(--fl-border);border-radius:var(--fl-control-radius);background:#fff;color:var(--fl-text);padding:0 43px 0 14px;font:760 13px/1.25 var(--fl-font);outline:none;text-align:left;cursor:pointer;box-shadow:0 1px 0 rgba(15,23,42,.02);transition:border-color .14s,box-shadow .14s,background .14s}.fl-combo-button:hover{border-color:rgba(111,75,216,.30)}.fl-combo-button:focus{border-color:var(--fl-accent);box-shadow:0 0 0 4px rgba(111,75,216,.10)}.fl-combo-value{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-combo-arrow{position:absolute;right:15px;top:50%;width:9px;height:9px;border-right:2px solid #667085;border-bottom:2px solid #667085;transform:translateY(-65%) rotate(45deg);transition:transform .14s ease,border-color .14s}.fl-combo-button:hover .fl-combo-arrow{border-color:var(--fl-accent)}.fl-combo.is-open .fl-combo-arrow{transform:translateY(-25%) rotate(225deg);border-color:var(--fl-accent)}.fl-combo-menu{position:absolute;z-index:4000;left:0;right:0;top:calc(100% + 7px);display:none;background:#fff;border:1px solid var(--fl-border);border-radius:16px;box-shadow:0 24px 52px rgba(15,23,42,.16);padding:8px;overflow:hidden}.fl-combo.is-open .fl-combo-menu{display:block}.fl-search-row{position:relative;margin-bottom:7px}.fl-search-input{width:100%;height:40px;border:1px solid #E2E6EF;border-radius:12px;background:#FAFAFB;padding:0 38px 0 36px;font:650 13px/1.2 var(--fl-font);outline:none;color:var(--fl-text)}.fl-search-input:focus{background:#fff;border-color:rgba(111,75,216,.44);box-shadow:0 0 0 3px rgba(111,75,216,.08)}.fl-search-icon{position:absolute;left:13px;top:50%;width:14px;height:14px;border:2px solid #8A94A6;border-radius:50%;transform:translateY(-50%)}.fl-search-icon:after{content:"";position:absolute;width:7px;height:2px;background:#8A94A6;right:-6px;bottom:-4px;transform:rotate(45deg);border-radius:999px}.fl-clear-btn{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:999px;background:transparent;color:#667085;font-size:18px;line-height:1;cursor:pointer}.fl-clear-btn:hover{background:#F0F2F7;color:var(--fl-text)}.fl-combo-list{max-height:246px;overflow:auto;padding-right:2px}.fl-option{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:11px;cursor:pointer;font:760 13px/1.25 var(--fl-font);color:#151A27}.fl-option:hover,.fl-option.is-active{background:color-mix(in srgb,var(--fl-accent) 10%,#fff);color:var(--fl-accent)}.fl-option.is-selected{background:color-mix(in srgb,var(--fl-accent) 8%,#fff);color:var(--fl-accent)}.fl-option span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-option small{display:block;margin-top:3px;font-weight:560;color:var(--fl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-empty{padding:12px;color:var(--fl-muted);font-size:13px;text-align:center}
.fl-divider{height:1px;background:var(--fl-border);margin:16px 0}.fl-summary-title{font-size:12px;font-weight:800;color:#30394D;margin:0 0 10px;letter-spacing:-.02em}.fl-selected-list{display:grid;gap:8px}.fl-selected-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;border:1px solid var(--fl-border);border-radius:14px;background:#fff;padding:10px;transition:border-color .14s,box-shadow .14s}.fl-selected-item:hover{border-color:rgba(111,75,216,.26);box-shadow:0 8px 22px rgba(15,23,42,.05)}.fl-selected-item strong{display:block;font-size:12px;line-height:1.3;letter-spacing:-.015em}.fl-selected-item span{display:block;color:var(--fl-muted);font-size:12px;line-height:1.35;margin-top:2px}.fl-actions{display:grid;gap:8px;margin-top:16px}.fl-btn{height:44px;border:1px solid var(--fl-border);border-radius:14px;background:#fff;color:var(--fl-text);font:850 13px/1 var(--fl-font);cursor:pointer;letter-spacing:-.02em}.fl-btn:hover{background:#FAFAFB}.fl-btn-primary{background:var(--fl-accent);color:#fff;border-color:var(--fl-accent);box-shadow:0 10px 26px rgba(111,75,216,.22)}.fl-btn-primary:hover{filter:brightness(1.04);background:var(--fl-accent)}.fl-error{padding:15px;border-radius:14px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-size:13px}
@media(max-width:900px){#fl-configurator{padding:10px}.fl-shell{grid-template-columns:1fr}.fl-panel{position:relative;top:auto}.fl-chip-grid{display:flex;overflow:auto;padding-bottom:2px}.fl-chip{min-width:128px}.fl-toolbar{bottom:10px}.fl-viewer-card,.fl-panel{border-radius:16px}.fl-combo-menu{position:relative;top:7px;margin-bottom:7px}.fl-combo-list{max-height:220px}}
@media print{body>*:not(.fl-print-doc){display:none!important}.fl-print-doc{display:block!important}}
/* V2.6 custom category icons from Bunny */
.fl-chip-icon img{width:18px;height:18px;display:block;object-fit:contain;filter:none}
.fl-chip.is-active .fl-chip-icon img{filter:none}
/* V2.6 reference-style category panel buttons */
.fl-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:0;margin-bottom:16px;border:1px solid var(--fl-border);border-radius:14px;overflow:hidden;background:#fff}
.fl-chip{flex-direction:column;justify-content:center;gap:6px;min-height:64px;border:0;border-right:1px solid var(--fl-border);border-radius:0;background:#fff;padding:8px 6px;font-size:11px;text-align:center;color:#313745;box-shadow:none}
.fl-chip:last-child{border-right:0}
.fl-chip:hover{background:#fbfaff;border-color:var(--fl-border);box-shadow:none;color:var(--fl-accent)}
.fl-chip.is-active{background:var(--fl-accent-weak);border:1px solid var(--fl-accent);border-radius:10px;margin:4px;color:var(--fl-accent);box-shadow:0 7px 18px rgba(111,75,216,.10)}
.fl-chip-icon{width:24px;height:24px;background:transparent;border:0;border-radius:0;color:#6b7280}
.fl-chip.is-active .fl-chip-icon{background:transparent;border:0;color:var(--fl-accent)}
.fl-chip-icon img{width:22px;height:22px}
@media(max-width:900px){.fl-chip-grid{display:flex;overflow:auto;border-radius:12px}.fl-chip{min-width:112px;border-right:1px solid var(--fl-border)}}

/* V2.7 — Action buttons + Selected Items polish */
.fl-panel-head{align-items:flex-start;margin-bottom:15px}
.fl-panel-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.fl-action-btn{height:36px;border-radius:11px;border:1px solid var(--fl-border);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:850 12px/1 var(--fl-font);letter-spacing:-.025em;cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease,filter .14s ease}
.fl-action-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}
.fl-action-btn:active{transform:scale(.985)}
.fl-action-btn-light{background:#fff;color:#111827!important;border-color:rgba(17,24,39,.12);box-shadow:0 4px 14px rgba(15,23,42,.04)}
.fl-action-btn-light:hover{background:#FAFAFB;border-color:var(--fl-border-strong);box-shadow:0 7px 18px rgba(15,23,42,.06)}
.fl-action-btn-primary{background:var(--fl-primary-button-bg,#111827);border-color:var(--fl-primary-button-bg,#111827);color:var(--fl-primary-button-text,#fff)!important;box-shadow:0 11px 28px rgba(17,24,39,.16)}
.fl-action-btn-primary:hover{filter:brightness(1.07);box-shadow:0 14px 32px rgba(17,24,39,.22)}
.fl-selected-card{border:1px solid var(--fl-border);border-radius:16px;background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.02);overflow:hidden;min-height:0}
.fl-selected-card-head{display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:13px 14px 8px;color:#30394D;font:850 12px/1 var(--fl-font);letter-spacing:-.02em}
.fl-selected-card-head em{font-style:normal;color:var(--fl-muted);font-weight:800}
.fl-selected-list{display:grid;gap:0;padding:0 10px 10px;max-height:210px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.fl-selected-row{display:grid;grid-template-columns:22px minmax(94px,.9fr) minmax(132px,1.15fr) minmax(92px,.9fr) minmax(98px,.9fr) 24px;gap:8px;align-items:center;min-width:640px;min-height:34px;padding:6px 4px;border-radius:10px;color:var(--fl-text);font-size:11px;line-height:1.25;letter-spacing:-.02em}
.fl-selected-row:hover{background:color-mix(in srgb,var(--fl-accent) 5%,#fff)}
.fl-selected-icon{width:20px;height:20px;border-radius:6px;background:#F4F1EA;border:1px solid rgba(22,24,36,.10);display:grid;place-items:center;color:#636B7A}
.fl-selected-icon svg,.fl-selected-icon img{width:14px;height:14px;display:block}
.fl-selected-category{font-weight:800;color:#30394D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-selected-product,.fl-selected-size,.fl-selected-material{color:#445066;font-weight:660;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-selected-trash{width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#6B7280;display:grid;place-items:center;cursor:pointer;opacity:.76}
.fl-selected-trash svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.fl-selected-trash:hover{background:#F3F4F6;color:#111827;opacity:1}
.fl-actions{display:none}
@media(max-width:1120px){.fl-action-btn span{display:inline}.fl-action-btn{width:auto;padding:0 12px}.fl-selected-row{grid-template-columns:22px minmax(94px,.9fr) minmax(132px,1.15fr) minmax(92px,.9fr) minmax(98px,.9fr) 24px}.fl-selected-size,.fl-selected-material{display:block}}
@media(max-width:900px){.fl-panel{height:auto!important;max-height:none!important;overflow:visible}.fl-panel-head{align-items:center}.fl-action-btn span{display:inline}.fl-action-btn{width:auto;padding:0 12px}.fl-selected-row{grid-template-columns:22px minmax(88px,.9fr) minmax(92px,1fr) minmax(84px,.85fr) minmax(84px,.85fr) 24px}.fl-selected-size,.fl-selected-material{display:block}}
@media(max-width:560px){.fl-panel-head{flex-direction:column;align-items:stretch}.fl-panel-actions{display:grid;grid-template-columns:1fr 1fr}.fl-action-btn{width:100%}.fl-selected-row{grid-template-columns:22px minmax(94px,.9fr) minmax(132px,1.15fr) minmax(92px,.9fr) minmax(98px,.9fr) 24px;gap:8px}.fl-selected-category{display:block}.fl-selected-product{font-weight:800}.fl-selected-size,.fl-selected-material{display:block}}

/* V2.8: safer scroll/contrast/layout fixes */
.fl-panel::-webkit-scrollbar,.fl-selected-list::-webkit-scrollbar{width:8px;height:8px}.fl-panel::-webkit-scrollbar-thumb,.fl-selected-list::-webkit-scrollbar-thumb{background:rgba(17,24,39,.18);border-radius:999px}.fl-panel::-webkit-scrollbar-track,.fl-selected-list::-webkit-scrollbar-track{background:transparent}

/* V2.9 — white action buttons, row copy buttons, wider control panel */
#fl-configurator{max-width:1420px}
.fl-shell{grid-template-columns:minmax(0,1fr) 400px;gap:20px}
.fl-panel-head{gap:14px}
.fl-panel-actions{flex:0 0 auto}
.fl-action-btn,
.fl-action-btn-light,
.fl-action-btn-primary{
  background:#fff !important;
  color:var(--fl-text) !important;
  border-color:var(--fl-border) !important;
  box-shadow:0 3px 12px rgba(15,23,42,.04) !important;
  opacity:1 !important;
}
.fl-action-btn svg,
.fl-action-btn-light svg,
.fl-action-btn-primary svg{
  stroke:currentColor !important;
  fill:none !important;
  opacity:1 !important;
}
.fl-action-btn span{color:inherit !important;opacity:1 !important}
.fl-action-btn:hover{background:#FAFAFB !important;border-color:var(--fl-border-strong) !important;box-shadow:0 6px 18px rgba(15,23,42,.07) !important}
.fl-selected-copy{width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#667085;display:grid;place-items:center;cursor:pointer;opacity:.82}
.fl-selected-copy svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.fl-selected-copy:hover{background:#F3F4F6;color:var(--fl-text);opacity:1}
.fl-selected-row{grid-template-columns:22px minmax(94px,.9fr) minmax(132px,1.15fr) minmax(98px,.9fr) minmax(104px,.9fr) 24px}
@media(max-width:1180px){.fl-shell{grid-template-columns:minmax(0,1fr) 380px;gap:16px}.fl-action-btn{padding:0 11px}.fl-panel-head strong{font-size:17px}}
@media(max-width:900px){.fl-shell{grid-template-columns:1fr}.fl-panel{width:100%}.fl-action-btn{padding:0 12px}}

/* V2.11 — Appearance Studio variables */
#fl-configurator{
  max-width:1420px;
  font-size:var(--fl-base-font-size,14px);
  font-style:var(--fl-font-style,normal);
}
.fl-shell{grid-template-columns:minmax(0,1fr) var(--fl-panel-width,400px);gap:var(--fl-layout-gap,20px)}
.fl-panel,.fl-viewer-card,.fl-combo-control,.fl-selected-card,.fl-action-btn,.fl-btn,.fl-chip-grid{border-color:var(--fl-border)!important;border-width:var(--fl-border-width,1px)!important}
.fl-panel-head strong{font-size:var(--fl-panel-title-size,20px);font-weight:var(--fl-heading-weight,800);font-family:var(--fl-heading-font,var(--fl-font))}
.fl-panel-head span,.fl-summary-title,.fl-selected-card-head,.fl-step-label,.fl-label{font-size:var(--fl-label-size,12px);font-weight:var(--fl-label-weight,800)}
.fl-combo-control,.fl-combo-input,.fl-option,.fl-selected-row,.fl-chip,.fl-selected-item{font-weight:var(--fl-body-weight,600)}
.fl-action-btn,.fl-btn,.fl-toolbar button{font-size:var(--fl-button-font-size,13px);font-weight:var(--fl-button-weight,800)}
.fl-combo-control,.fl-combo-menu,.fl-option,.fl-selected-card,.fl-selected-row,.fl-selected-item{border-radius:var(--fl-option-radius,14px)}
.fl-chip-grid,.fl-chip{border-radius:var(--fl-category-radius,14px)}
.fl-chip.is-active{border-color:var(--fl-accent)!important;background:var(--fl-accent-weak)!important;color:var(--fl-accent)!important}
.fl-toolbar{
  background:var(--fl-zoom-bg,rgba(255,255,255,.72))!important;
  border-color:var(--fl-zoom-border,rgba(255,255,255,.78))!important;
  border-radius:var(--fl-zoom-radius,14px)!important;
  backdrop-filter:blur(14px);
}
.fl-toolbar button{
  background:var(--fl-zoom-button-bg,rgba(255,255,255,.88))!important;
  color:var(--fl-zoom-button-text,#111827)!important;
  border-radius:calc(var(--fl-zoom-radius,14px) - 4px)!important;
}
.fl-toolbar [data-zout],.fl-toolbar [data-zin]{min-width:38px}
.fl-toolbar [data-reset]{min-width:74px}
@media(max-width:1180px){.fl-shell{grid-template-columns:minmax(0,1fr) minmax(360px,var(--fl-panel-width,400px));gap:calc(var(--fl-layout-gap,20px) * .8)}}
@media(max-width:900px){.fl-shell{grid-template-columns:1fr}.fl-panel{width:100%}}


/* V2.12 — simplified selected item rows + theme builder preview support */
.fl-selected-row-v212{
  grid-template-columns:22px minmax(220px,1fr) 24px !important;
  min-width:320px !important;
  gap:10px !important;
  padding:8px 5px !important;
}
.fl-selected-row-v212 .fl-selected-main{min-width:0;display:block;}
.fl-selected-row-v212 .fl-selected-main strong{
  display:block;
  color:var(--fl-text);
  font-weight:var(--fl-heading-weight,800);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:-.02em;
}
.fl-selected-row-v212 .fl-selected-main small{
  display:block;
  color:var(--fl-muted);
  font-size:11px;
  font-weight:620;
  margin-top:3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fl-selected-row-v212 .fl-selected-category,
.fl-selected-row-v212 .fl-selected-product,
.fl-selected-row-v212 .fl-selected-size,
.fl-selected-row-v212 .fl-selected-material{display:none!important;}
@media(max-width:900px){.fl-selected-row-v212{grid-template-columns:22px minmax(220px,1fr) 24px!important;min-width:320px!important}}

/* V2.14 — preview fit, hover icon color, safer theme variables */
.fl-chip:hover{
  color:var(--fl-accent) !important;
  border-color:var(--fl-accent-soft, color-mix(in srgb,var(--fl-accent) 35%,#fff)) !important;
  background:var(--fl-accent-weak, color-mix(in srgb,var(--fl-accent) 4%,#fff)) !important;
}
.fl-chip:hover .fl-chip-icon{
  color:var(--fl-accent) !important;
  background:var(--fl-accent-weak, color-mix(in srgb,var(--fl-accent) 6%,#fff)) !important;
  border-color:var(--fl-accent-soft, color-mix(in srgb,var(--fl-accent) 25%,#fff)) !important;
}
.fl-chip.is-active{
  box-shadow:var(--fl-active-shadow,0 8px 24px color-mix(in srgb,var(--fl-accent) 16%,transparent)) !important;
}
.fl-chip.is-active .fl-chip-icon{
  color:var(--fl-accent) !important;
  border-color:var(--fl-accent-soft, color-mix(in srgb,var(--fl-accent) 30%,#fff)) !important;
}
.fl-icon-mask{
  width:18px;
  height:18px;
  display:block;
  background:currentColor;
  -webkit-mask:var(--fl-icon-url) center / contain no-repeat;
  mask:var(--fl-icon-url) center / contain no-repeat;
}
.fl-chip-icon img{
  object-fit:contain;
  transition:opacity .14s ease, filter .14s ease;
}
.fl-chip:hover .fl-chip-icon img,
.fl-chip.is-active .fl-chip-icon img{
  opacity:.92;
}
.fl-combo-button:focus{
  box-shadow:0 0 0 4px color-mix(in srgb,var(--fl-accent) 10%,transparent) !important;
}
.fl-combo-button:hover{
  border-color:color-mix(in srgb,var(--fl-accent) 30%,var(--fl-border)) !important;
}
.fl-option.is-active,
.fl-option.is-selected{
  background:var(--fl-accent-weak, color-mix(in srgb,var(--fl-accent) 8%,#fff)) !important;
  color:var(--fl-accent) !important;
}
.fl-combo-control,.fl-combo-input,.fl-option{
  font-size:var(--fl-option-font-size,13px) !important;
}
.fl-selected-row-v212 .fl-selected-main strong{
  font-size:var(--fl-selected-title-size,12px) !important;
}
.fl-selected-row-v212 .fl-selected-main small{
  font-size:var(--fl-selected-meta-size,11px) !important;
}


/* V2.15 — full theme color compliance */
.fl-chip:hover{border-color:var(--fl-accent-soft)!important;box-shadow:none!important;color:var(--fl-accent)!important;background:var(--fl-accent-weak)!important}
.fl-chip:hover .fl-chip-icon{color:var(--fl-accent)!important;background:var(--fl-accent-weak)!important;border-color:var(--fl-accent-soft)!important}
.fl-chip.is-active{background:var(--fl-accent-weak)!important;border-color:var(--fl-accent)!important;color:var(--fl-accent)!important;box-shadow:var(--fl-active-shadow)!important}
.fl-chip.is-active .fl-chip-icon{color:var(--fl-accent)!important;background:transparent!important;border-color:var(--fl-accent-soft)!important}
.fl-combo-button:hover{border-color:var(--fl-accent-soft)!important}
.fl-combo-button:focus{border-color:var(--fl-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--fl-accent) 12%,transparent)!important}
.fl-search-input:focus{border-color:var(--fl-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--fl-accent) 12%,transparent)!important}
.fl-option:hover,.fl-option.is-active,.fl-option.is-selected{background:var(--fl-accent-weak)!important;color:var(--fl-accent)!important}
.fl-selected-row:hover{background:color-mix(in srgb,var(--fl-accent) 5%,#fff)!important}
.fl-selected-copy:hover{background:var(--fl-accent-weak)!important;color:var(--fl-accent)!important}
.fl-action-btn:hover{border-color:var(--fl-accent-soft)!important;background:var(--fl-accent-weak)!important;color:var(--fl-accent)!important}


/* V2.17 configurable layout size */
#fl-configurator{max-width:var(--fl-configurator-max-width,1420px) !important;}
@media(min-width:901px){.fl-shell{min-height:min(var(--fl-embed-height,720px), calc(100vh - 24px));}}


/* V2.20 — mobile fit + selected dropdown text controls */
.fl-combo-button{
  font-size:var(--fl-selected-field-size,var(--fl-option-font-size,13px)) !important;
  font-weight:var(--fl-selected-field-weight,760) !important;
}
.fl-combo-value{font-size:inherit;font-weight:inherit;}
@media(max-width:900px){
  html,body{width:100%;overflow-x:hidden;}
  #fl-configurator{max-width:100% !important;width:100%;margin:0 auto;padding:10px;overflow-x:hidden;}
  .fl-shell{grid-template-columns:minmax(0,1fr) !important;width:100%;max-width:100%;gap:12px !important;}
  .fl-viewer-card,.fl-viewer,.fl-panel{width:100%;max-width:100%;min-width:0;}
  .fl-panel{position:relative !important;top:auto !important;margin:0 auto;padding:12px;overflow:visible;}
  .fl-panel-head,.fl-chip-grid,.fl-fields,.fl-selected-card{max-width:100%;min-width:0;}
  .fl-chip-grid{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:7px;}
  .fl-chip{min-width:0;justify-content:center;text-align:center;padding:0 8px;}
  .fl-combo-menu{max-width:100%;left:0;right:0;}
  .fl-selected-card{overflow:hidden;}
  .fl-selected-list{overflow:auto;max-width:100%;}
  .fl-toolbar{bottom:12px;}
}
@media(max-width:430px){
  .fl-panel-head{gap:10px;}
  .fl-panel-actions{grid-template-columns:1fr 1fr;gap:7px;}
  .fl-action-btn{min-width:0;padding:0 8px;}
}


/* V2.21 — zoom sizing, category scrolling, configurable panel position */
.fl-toolbar{
  gap:var(--fl-zoom-gap,4px)!important;
  padding:var(--fl-zoom-padding,7px)!important;
  border-radius:var(--fl-zoom-radius,14px)!important;
}
.fl-tool-btn,.fl-zoom-value{
  height:var(--fl-zoom-button-size,34px)!important;
  font-size:var(--fl-zoom-font-size,13px)!important;
}
.fl-tool-btn{
  width:var(--fl-zoom-button-size,34px)!important;
  min-width:var(--fl-zoom-button-size,34px)!important;
}
.fl-zoom-value{
  min-width:var(--fl-zoom-value-width,74px)!important;
  padding:0 10px!important;
}
.fl-chip-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
.fl-chip{
  width:100%!important;
  min-width:0;
  border:var(--fl-border-width,1px) solid var(--fl-border)!important;
  border-radius:var(--fl-category-radius,14px)!important;
  background:#fff!important;
  justify-content:center;
  text-align:center;
}
#fl-configurator.fl-panel-right .fl-shell{grid-template-columns:minmax(0,1fr) var(--fl-panel-width,400px)!important;}
#fl-configurator.fl-panel-left .fl-shell{grid-template-columns:var(--fl-panel-width,400px) minmax(0,1fr)!important;}
#fl-configurator.fl-panel-left .fl-panel{grid-column:1;grid-row:1;}
#fl-configurator.fl-panel-left .fl-viewer-card{grid-column:2;grid-row:1;}
#fl-configurator.fl-panel-bottom .fl-shell{grid-template-columns:1fr!important;grid-template-rows:auto auto;}
#fl-configurator.fl-panel-bottom .fl-viewer-card{grid-row:1;}
#fl-configurator.fl-panel-bottom .fl-panel{grid-row:2;position:relative;top:auto;height:auto!important;max-height:none!important;}
#fl-configurator.fl-panel-top .fl-shell{grid-template-columns:1fr!important;grid-template-rows:auto auto;}
#fl-configurator.fl-panel-top .fl-panel{grid-row:1;position:relative;top:auto;height:auto!important;max-height:none!important;}
#fl-configurator.fl-panel-top .fl-viewer-card{grid-row:2;}
@media(max-width:900px){
  .fl-chip-grid{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:8px!important;
    padding:0 0 5px 0!important;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .fl-chip{flex:0 0 auto!important;width:auto!important;min-width:104px!important;scroll-snap-align:start;}
  .fl-toolbar{
    padding:calc(var(--fl-zoom-padding,7px) * .82)!important;
    gap:calc(var(--fl-zoom-gap,4px) * .85)!important;
  }
  #fl-configurator.fl-panel-left .fl-shell,
  #fl-configurator.fl-panel-right .fl-shell{grid-template-columns:1fr!important;}
  #fl-configurator.fl-panel-left .fl-viewer-card,
  #fl-configurator.fl-panel-right .fl-viewer-card{grid-column:auto;grid-row:1;}
  #fl-configurator.fl-panel-left .fl-panel,
  #fl-configurator.fl-panel-right .fl-panel{grid-column:auto;grid-row:2;}
  #fl-configurator.fl-panel-top .fl-panel{grid-row:1;}
  #fl-configurator.fl-panel-top .fl-viewer-card{grid-row:2;}
}

/* V2.22 — custom loading badge controls */
.fl-loading-text{
  background:var(--fl-loading-bg,rgba(255,255,255,.72))!important;
  color:var(--fl-loading-text,#111827)!important;
  border-color:var(--fl-loading-border,rgba(255,255,255,.82))!important;
  border-radius:var(--fl-loading-radius,999px)!important;
  padding:var(--fl-loading-padding,10px 14px)!important;
  font-size:var(--fl-loading-font-size,13px)!important;
  font-weight:var(--fl-loading-font-weight,800)!important;
  box-shadow:var(--fl-loading-shadow,0 14px 34px rgba(15,23,42,.14))!important;
  backdrop-filter:blur(var(--fl-loading-blur,16px))!important;
  -webkit-backdrop-filter:blur(var(--fl-loading-blur,16px))!important;
}

/* V2.23 — strict viewer ratio + panel scroll sync
   Viewer keeps its natural bg ratio. The config panel follows viewer height and scrolls internally. */
@media (min-width:901px){
  #fl-configurator.fl-panel-right .fl-shell,
  #fl-configurator.fl-panel-left .fl-shell{
    align-items:start !important;
    min-height:0 !important;
  }
  #fl-configurator.fl-panel-right .fl-viewer-card,
  #fl-configurator.fl-panel-left .fl-viewer-card{
    align-self:start !important;
    height:auto !important;
    min-height:0 !important;
  }
  #fl-configurator.fl-panel-right .fl-viewer,
  #fl-configurator.fl-panel-left .fl-viewer{
    aspect-ratio:var(--fl-ratio,16/9) !important;
    height:auto !important;
    min-height:0 !important;
  }
  #fl-configurator.fl-panel-right .fl-panel,
  #fl-configurator.fl-panel-left .fl-panel{
    align-self:start !important;
    height:var(--fl-panel-height,auto) !important;
    max-height:var(--fl-panel-height,none) !important;
    overflow:auto !important;
    min-height:0 !important;
  }
}


/* V2.24 — strict viewer fit padding + centered category tabs
   Viewer keeps background ratio and can shrink to fit viewport height; panel scrolls internally. */
#fl-configurator{padding:var(--fl-viewer-gutter,12px)!important;}
@media (min-width:901px){
  #fl-configurator.fl-panel-right .fl-viewer-card,
  #fl-configurator.fl-panel-left .fl-viewer-card{
    width:100%!important;
    max-width:var(--fl-viewer-fit-width,100%)!important;
    justify-self:start!important;
  }
  #fl-configurator.fl-panel-right .fl-shell,
  #fl-configurator.fl-panel-left .fl-shell{
    align-items:start!important;
  }
  #fl-configurator.fl-panel-right .fl-panel,
  #fl-configurator.fl-panel-left .fl-panel{
    overscroll-behavior:contain;
  }
}
.fl-chip{
  display:grid!important;
  grid-template-rows:auto auto!important;
  place-items:center!important;
  justify-items:center!important;
  align-content:center!important;
  gap:5px!important;
  min-height:64px!important;
  padding:8px 6px!important;
  line-height:1.08!important;
}
.fl-chip .fl-chip-icon{
  margin:0 auto!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
}
.fl-chip > span:not(.fl-chip-icon){
  display:block!important;
  width:100%!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin:0!important;
}
.fl-chip.is-active,.fl-chip:hover{align-content:center!important;justify-items:center!important;}
@media(max-width:900px){
  .fl-chip{min-height:56px!important;min-width:108px!important;padding:7px 8px!important;}
  .fl-chip .fl-chip-icon{width:22px!important;height:22px!important;}
}


/* V2.25 — centered shell margins + fixed viewer/panel gap + precise category centering
   The whole viewer+panel group is centered. Viewer width is calculated from ratio/available height;
   panel gap stays fixed, and outer left/right margins absorb the extra space. */
@media (min-width:901px){
  #fl-configurator{
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:var(--fl-viewer-gutter,12px) !important;
  }
  #fl-configurator.fl-panel-right .fl-shell,
  #fl-configurator.fl-panel-left .fl-shell{
    width:fit-content !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:var(--fl-layout-gap,20px) !important;
    justify-content:center !important;
    align-items:start !important;
  }
  #fl-configurator.fl-panel-right .fl-shell{
    grid-template-columns:var(--fl-viewer-fit-width,minmax(0,1fr)) var(--fl-panel-width,400px) !important;
  }
  #fl-configurator.fl-panel-left .fl-shell{
    grid-template-columns:var(--fl-panel-width,400px) var(--fl-viewer-fit-width,minmax(0,1fr)) !important;
  }
  #fl-configurator.fl-panel-right .fl-viewer-card,
  #fl-configurator.fl-panel-left .fl-viewer-card{
    width:var(--fl-viewer-fit-width,100%) !important;
    max-width:100% !important;
    justify-self:stretch !important;
  }
  #fl-configurator.fl-panel-right .fl-panel,
  #fl-configurator.fl-panel-left .fl-panel{
    width:var(--fl-panel-width,400px) !important;
    max-width:var(--fl-panel-width,400px) !important;
    min-width:0 !important;
  }
}

/* V2.25 — category icon/text center lock */
.fl-chip{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:6px !important;
  min-height:66px !important;
  padding:9px 7px !important;
}
.fl-chip .fl-chip-icon{
  position:relative !important;
  width:24px !important;
  height:22px !important;
  flex:0 0 22px !important;
  display:block !important;
  margin:0 auto !important;
  line-height:0 !important;
}
.fl-chip .fl-chip-icon svg,
.fl-chip .fl-chip-icon img{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  transform:translate(-50%,-50%) !important;
  display:block !important;
  object-fit:contain !important;
  overflow:visible !important;
}
.fl-chip > span:not(.fl-chip-icon){
  display:block !important;
  width:100% !important;
  text-align:center !important;
  line-height:1.15 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media(max-width:900px){
  #fl-configurator{max-width:100% !important;padding:10px !important;}
  .fl-shell{width:100% !important;max-width:100% !important;margin:0 auto !important;}
  .fl-chip{min-width:104px !important;}
}

/* V2.26 — keep 3+1 category layout, but make spacing even and configurable */
.fl-chip-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--fl-category-gap,10px)!important;
  column-gap:var(--fl-category-gap,10px)!important;
  row-gap:var(--fl-category-gap,10px)!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  padding:0!important;
}
.fl-chip{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-rows:22px auto!important;
  align-content:center!important;
  justify-content:center!important;
  place-items:center!important;
  gap:6px!important;
  padding:9px 7px!important;
  text-align:center!important;
}
.fl-chip .fl-chip-icon{
  width:24px!important;
  height:22px!important;
  min-width:24px!important;
  min-height:22px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto!important;
  transform:none!important;
}
.fl-chip .fl-chip-icon svg,
.fl-chip .fl-chip-icon img{
  width:17px!important;
  height:17px!important;
  display:block!important;
  margin:auto!important;
  object-fit:contain!important;
}
.fl-chip > span:not(.fl-chip-icon){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){
  .fl-chip-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:var(--fl-category-gap,10px)!important;
    padding-bottom:6px!important;
  }
  .fl-chip{flex:0 0 auto!important;min-width:104px!important;width:104px!important;}
}


/* V2.27 — refined category cards + balanced gaps */
.fl-chip-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:var(--fl-category-gap,10px) !important;
  column-gap:var(--fl-category-gap,10px) !important;
  row-gap:var(--fl-category-gap,10px) !important;
  padding:0 !important;
  margin:0 0 16px 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  align-items:stretch !important;
  justify-items:stretch !important;
}
.fl-chip{
  position:relative !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  min-height:78px !important;
  margin:0 !important;
  padding:12px 10px !important;
  border:1px solid var(--fl-border-strong, rgba(17,24,39,.18)) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:var(--fl-text,#1f2937) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.fl-chip:hover{
  border-color:color-mix(in srgb, var(--fl-accent) 30%, var(--fl-border-strong, rgba(17,24,39,.18))) !important;
  background:#fff !important;
  color:var(--fl-accent) !important;
  box-shadow:0 10px 24px color-mix(in srgb, var(--fl-accent) 10%, transparent) !important;
}
.fl-chip.is-active{
  border-color:var(--fl-accent) !important;
  background:linear-gradient(180deg, #fff 0%, var(--fl-accent-weak, #faf7ff) 100%) !important;
  color:var(--fl-accent) !important;
  box-shadow:var(--fl-active-shadow, 0 8px 24px rgba(0,0,0,.08)) !important;
}
.fl-chip .fl-chip-icon{
  position:relative !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto !important;
  border-radius:999px !important;
  border:1px solid color-mix(in srgb, var(--fl-border-strong, rgba(17,24,39,.18)) 85%, #fff) !important;
  background:#fff !important;
  color:var(--fl-muted,#667085) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
  transform:none !important;
}
.fl-chip.is-active .fl-chip-icon,
.fl-chip:hover .fl-chip-icon{
  border-color:color-mix(in srgb, var(--fl-accent) 25%, #fff) !important;
  background:var(--fl-accent-weak, #faf7ff) !important;
  color:var(--fl-accent) !important;
}
.fl-chip .fl-chip-icon svg,
.fl-chip .fl-chip-icon img{
  width:16px !important;
  height:16px !important;
  display:block !important;
  margin:auto !important;
  object-fit:contain !important;
}
.fl-chip > span:not(.fl-chip-icon){
  width:100% !important;
  display:block !important;
  margin:0 !important;
  line-height:1.18 !important;
  font-size:12px !important;
  font-weight:760 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:center !important;
}
@media(max-width:900px){
  .fl-chip-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:var(--fl-category-gap,10px) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding-bottom:6px !important;
    scroll-snap-type:x proximity !important;
  }
  .fl-chip{
    flex:0 0 auto !important;
    width:108px !important;
    min-width:108px !important;
    min-height:74px !important;
    scroll-snap-align:start !important;
  }
}


/* V2.28 — category radius fix, grouped color variables, wheel/pinch zoom disabled */
.fl-panel-head strong{color:var(--fl-header-text,var(--fl-text))!important;}
.fl-panel-head span{color:var(--fl-header-subtext,var(--fl-muted))!important;}
.fl-action-btn{background:var(--fl-primary-button-bg,#fff)!important;color:var(--fl-primary-button-text,var(--fl-text))!important;}

.fl-chip{
  border-radius:var(--fl-category-radius,16px)!important;
  background:var(--fl-category-bg,#fff)!important;
  color:var(--fl-category-text,var(--fl-text))!important;
}
.fl-chip:hover{
  color:var(--fl-accent)!important;
}
.fl-chip.is-active{
  border-color:var(--fl-accent)!important;
  color:var(--fl-accent)!important;
}
.fl-chip .fl-chip-icon{
  background:var(--fl-category-icon-bg,#fff)!important;
  color:var(--fl-category-icon-color,var(--fl-muted))!important;
}
.fl-chip:hover .fl-chip-icon,
.fl-chip.is-active .fl-chip-icon{
  color:var(--fl-accent)!important;
}

.fl-combo-control,.fl-combo-input,.fl-combo-menu,.fl-option{
  background:var(--fl-field-bg,#fff)!important;
  color:var(--fl-field-text,var(--fl-text))!important;
}
.fl-selected-card,.fl-selected-row{
  background:var(--fl-selected-bg,#fff)!important;
  color:var(--fl-selected-text,var(--fl-text))!important;
}
.fl-selected-row small{color:color-mix(in srgb,var(--fl-selected-text,var(--fl-text)) 65%, var(--fl-muted))!important;}

/* wheel scrolling is intentionally not captured; only + / - buttons control zoom */


/* V2.29 — iOS Safe Loader rendering guards */
.fl-ios-error{margin:12px;padding:12px;border-radius:12px;background:#fff3f3;color:#8a1f1f;font:700 13px system-ui,sans-serif}
@supports (-webkit-touch-callout:none){
  .fl-toolbar,.fl-loading-text{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .fl-layer{will-change:auto!important;transform:translateZ(0);}
  .fl-viewer-card,.fl-panel{box-shadow:0 8px 24px rgba(15,23,42,.08)!important;}
}


/* V2.32 — action button placement controls */
[data-actions-top]:empty,.fl-panel-actions-bottom:empty{display:none!important}
.fl-panel-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.fl-panel-actions-bottom{padding-top:12px;margin-top:12px;border-top:1px solid var(--fl-border);display:flex}
.fl-actions-align-left{justify-content:flex-start!important}
.fl-actions-align-right{justify-content:flex-end!important}
.fl-actions-align-center{justify-content:center!important}
.fl-actions-align-stretch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
.fl-actions-align-stretch .fl-action-btn{width:100%!important}
.fl-actions-bottom-mode .fl-panel-head [data-actions-top]{display:none!important}
@media(max-width:560px){.fl-panel-actions-bottom{display:block}.fl-actions-align-left,.fl-actions-align-right,.fl-actions-align-center,.fl-actions-align-stretch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.fl-action-btn{width:100%!important}}


/* V2.33 — top-to-bottom zones, category border style, selected scroll, action left fix */
.fl-panel-head strong{color:var(--fl-header-text,var(--fl-text))!important;}
.fl-panel-head span{color:var(--fl-header-subtext,var(--fl-muted))!important;}
.fl-combo-control,.fl-combo-input,.fl-combo-menu,.fl-option{background:var(--fl-field-bg,#fff)!important;color:var(--fl-field-text,var(--fl-text))!important;}
.fl-selected-card{background:var(--fl-selected-bg,#fff)!important;color:var(--fl-selected-text,var(--fl-text))!important;}

.fl-chip{
  border-width:var(--fl-category-border-width,1px)!important;
  border-color:var(--fl-category-border-color,var(--fl-border-strong))!important;
  border-radius:var(--fl-category-radius,16px)!important;
  background:var(--fl-category-bg,#fff)!important;
  color:var(--fl-category-text,var(--fl-text))!important;
}
.fl-chip .fl-chip-icon{
  background:var(--fl-category-icon-bg,#fff)!important;
  color:var(--fl-category-icon-color,var(--fl-muted))!important;
}
.fl-chip.is-active{
  border-color:var(--fl-category-active-border,var(--fl-accent))!important;
  color:var(--fl-category-active-text,var(--fl-accent))!important;
  box-shadow:var(--fl-active-shadow,none)!important;
}
.fl-chip.is-active .fl-chip-icon{color:var(--fl-category-active-text,var(--fl-accent))!important;}
.fl-chip.is-active{background:linear-gradient(180deg,#fff 0%,var(--fl-category-active-bg,var(--fl-accent-weak)) 100%)!important;}
#fl-configurator.category-style-solid .fl-chip.is-active{background:var(--fl-category-active-bg,var(--fl-accent-weak))!important;}
#fl-configurator.category-style-outline .fl-chip.is-active{background:var(--fl-category-bg,#fff)!important;}

.fl-selected-card{min-height:0!important;display:flex!important;flex-direction:column!important;}
.fl-selected-list{
  max-height:clamp(128px,26vh,260px)!important;
  overflow-y:auto!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  min-height:0!important;
}
.fl-selected-card:hover .fl-selected-list{overscroll-behavior:contain!important;}

.fl-panel-actions{width:100%!important;}
.fl-panel-actions-bottom{width:100%!important;}
.fl-actions-align-left{justify-content:flex-start!important;text-align:left!important;}
.fl-actions-align-right{justify-content:flex-end!important;text-align:right!important;}
.fl-actions-align-center{justify-content:center!important;text-align:center!important;}
.fl-actions-align-root-left.fl-actions-top-mode .fl-panel-head{display:block!important;}
.fl-actions-align-root-left.fl-actions-top-mode [data-actions-top]{width:100%!important;margin-top:10px!important;}
.fl-actions-align-root-center.fl-actions-top-mode .fl-panel-head{display:block!important;}
.fl-actions-align-root-center.fl-actions-top-mode [data-actions-top]{width:100%!important;margin-top:10px!important;}
.fl-actions-align-root-stretch.fl-actions-top-mode .fl-panel-head{display:block!important;}
.fl-actions-align-root-stretch.fl-actions-top-mode [data-actions-top]{width:100%!important;margin-top:10px!important;}
@media(max-width:900px){.fl-selected-list{max-height:240px!important;}}

/* V2.34 — panel transparency, custom borders, very-small zoom, selected scroll chaining */
body{background:var(--fl-page-bg,transparent)!important;}
.fl-embed{background:transparent!important;}
.fl-panel{
  background:var(--fl-panel-bg,rgba(255,255,255,.96))!important;
  border-color:var(--fl-border,#E5E7EB)!important;
  border-width:var(--fl-border-width,1px)!important;
}
.fl-viewer-card,.fl-combo-button,.fl-combo-menu,.fl-selected-card,.fl-action-btn,.fl-chip{
  border-color:var(--fl-border,#E5E7EB)!important;
  border-width:var(--fl-border-width,1px)!important;
}
.fl-selected-list{
  overscroll-behavior:auto!important;
  -ms-scroll-chaining:chained!important;
  touch-action:pan-y!important;
}
.fl-selected-card:hover .fl-selected-list{overscroll-behavior:auto!important;}
.fl-toolbar{min-height:calc(var(--fl-zoom-button-size,34px) + (var(--fl-zoom-padding,7px) * 2));}
.fl-tool-btn,.fl-zoom-value{height:var(--fl-zoom-button-size,34px)!important;font-size:var(--fl-zoom-font-size,13px)!important;}
.fl-tool-btn{width:var(--fl-zoom-button-size,34px)!important;min-width:var(--fl-zoom-button-size,34px)!important;}
.fl-zoom-value{min-width:var(--fl-zoom-value-width,74px)!important;}


/* V2.35 — dropdown visible count + mobile keyboard safe + smoother selected scroll chain */
.fl-combo-list{
  max-height:calc((var(--fl-dropdown-visible-desktop,6) * 52px) + 8px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:auto!important;
}
.fl-search-input{font-size:16px!important;} /* prevent iOS zoom/keyboard jump */
.fl-combo-button{touch-action:manipulation!important;}
.fl-selected-list{
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:auto!important;
  touch-action:none!important;
  scroll-behavior:auto!important;
}
.fl-panel{overscroll-behavior:auto!important;-webkit-overflow-scrolling:touch!important;}
@media(max-width:900px){
  .fl-combo-list{max-height:calc((var(--fl-dropdown-visible-mobile,3) * 52px) + 8px)!important;}
}


/* V2.36 — Dropdown Zone UI + Selected Items smooth mobile card scroll */
.fl-combo-list{
  max-height:calc((var(--fl-dropdown-visible-desktop,6) * 52px) + 8px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:auto!important;
}
.fl-search-input{font-size:16px!important;}
.fl-combo-button{touch-action:manipulation!important;}
.fl-selected-card{min-width:0!important;overflow:hidden!important;}
.fl-selected-list{
  max-height:calc((var(--fl-selected-visible-desktop,4) * 58px) + 14px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
  scroll-behavior:auto!important;
  padding-right:2px!important;
}
.fl-selected-row-v212{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:24px minmax(0,1fr) 28px!important;
  align-items:center!important;
}
.fl-selected-row-v212 .fl-selected-main{min-width:0!important;overflow:hidden!important;}
.fl-selected-row-v212 .fl-selected-main strong,
.fl-selected-row-v212 .fl-selected-main small{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:900px){
  .fl-combo-list{max-height:calc((var(--fl-dropdown-visible-mobile,3) * 52px) + 8px)!important;}
  .fl-selected-list{
    max-height:calc((var(--fl-selected-visible-mobile,3) * 62px) + 14px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .fl-selected-row-v212{
    min-width:0!important;
    width:100%!important;
    grid-template-columns:24px minmax(0,1fr) 30px!important;
    min-height:56px!important;
    padding:9px 8px!important;
  }
  .fl-selected-row-v212 .fl-selected-main strong,
  .fl-selected-row-v212 .fl-selected-main small{
    white-space:nowrap!important;
  }
}

/* V2.37 — expanded category presets, custom radius support, and visible mobile category scrollbar */
.fl-chip-grid{
  grid-template-columns:repeat(var(--fl-category-columns-desktop,3), minmax(0,1fr))!important;
  max-height:calc((var(--fl-category-rows-desktop,2) * var(--fl-category-row-height,66px)) + (var(--fl-category-gap,10px) * 2))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(17,24,39,.22) transparent!important;
}
.fl-chip-grid::-webkit-scrollbar{width:5px;height:5px;display:block!important}
.fl-chip-grid::-webkit-scrollbar-thumb{background:rgba(17,24,39,.22);border-radius:999px}
.fl-chip-grid::-webkit-scrollbar-track{background:transparent}

.fl-chip{
  min-width:0!important;
  border-style:solid!important;
  background:var(--fl-category-bg,#fff)!important;
  color:var(--fl-category-text,var(--fl-text))!important;
}
.fl-chip:hover{
  background:var(--fl-category-hover-bg,var(--fl-accent-weak))!important;
  border-color:var(--fl-category-hover-border,var(--fl-accent-soft))!important;
  color:var(--fl-category-hover-text,var(--fl-accent))!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--fl-category-hover-border,var(--fl-accent)) 14%,transparent)!important;
}
.fl-chip:hover .fl-chip-icon{
  color:var(--fl-category-hover-icon,var(--fl-accent))!important;
  border-color:var(--fl-category-hover-border,var(--fl-accent-soft))!important;
}
.fl-chip.is-active .fl-chip-icon{color:var(--fl-category-active-icon-color,var(--fl-category-active-text,var(--fl-accent)))!important;}

/* Category size presets */
#fl-configurator.category-size-very-small{--fl-category-row-height:44px;--fl-category-mobile-min:92px;}
#fl-configurator.category-size-small{--fl-category-row-height:58px;--fl-category-mobile-min:112px;}
#fl-configurator.category-size-medium{--fl-category-row-height:70px;--fl-category-mobile-min:132px;}
#fl-configurator.category-size-large{--fl-category-row-height:88px;--fl-category-mobile-min:158px;}
#fl-configurator.category-size-very-small .fl-chip{min-height:38px!important;padding:6px 7px!important;font-size:10px!important;gap:6px!important;}
#fl-configurator.category-size-small .fl-chip{min-height:52px!important;padding:8px 10px!important;font-size:11px!important;}
#fl-configurator.category-size-medium .fl-chip{min-height:64px!important;padding:10px 12px!important;font-size:12px!important;}
#fl-configurator.category-size-large .fl-chip{min-height:80px!important;padding:12px 14px!important;font-size:13px!important;}

/* Icon frame presets */
#fl-configurator.category-icon-frame-circle .fl-chip-icon{border-radius:999px!important;background:var(--fl-category-icon-bg,#fff)!important;border:1px solid var(--fl-border)!important;}
#fl-configurator.category-icon-frame-none .fl-chip-icon{border-radius:0!important;background:transparent!important;border-color:transparent!important;}
#fl-configurator.category-icon-frame-large-circle .fl-chip-icon{width:38px!important;height:38px!important;border-radius:999px!important;background:var(--fl-category-icon-bg,#fff)!important;border:1px solid var(--fl-border)!important;}
#fl-configurator.category-icon-frame-large-circle .fl-chip-icon svg,
#fl-configurator.category-icon-frame-large-circle .fl-chip-icon .fl-icon-mask{width:24px!important;height:24px!important;}
#fl-configurator.category-icon-frame-large-none .fl-chip-icon{width:40px!important;height:40px!important;border-radius:0!important;background:transparent!important;border-color:transparent!important;}
#fl-configurator.category-icon-frame-large-none .fl-chip-icon svg,
#fl-configurator.category-icon-frame-large-none .fl-chip-icon .fl-icon-mask{width:30px!important;height:30px!important;}

/* Ten category button presets */
#fl-configurator.category-button-style-reference-card .fl-chip{box-shadow:0 4px 14px rgba(15,23,42,.03)!important;}
#fl-configurator.category-button-style-solid-block .fl-chip{background:var(--fl-category-bg,#fff)!important;border-color:var(--fl-category-border-color,var(--fl-border))!important;}
#fl-configurator.category-button-style-solid-block .fl-chip.is-active{background:var(--fl-category-active-bg,var(--fl-accent))!important;color:var(--fl-category-active-text,#fff)!important;}
#fl-configurator.category-button-style-outline-clean .fl-chip{background:transparent!important;box-shadow:none!important;}
#fl-configurator.category-button-style-outline-clean .fl-chip.is-active{background:transparent!important;border-color:var(--fl-category-active-border,var(--fl-accent))!important;}
#fl-configurator.category-button-style-soft-fill .fl-chip{background:color-mix(in srgb,var(--fl-category-bg,#fff) 92%,var(--fl-accent-weak))!important;border-color:transparent!important;}
#fl-configurator.category-button-style-soft-fill .fl-chip.is-active{background:var(--fl-category-active-bg,var(--fl-accent-weak))!important;}
#fl-configurator.category-button-style-filled-pill .fl-chip{border-radius:999px!important;justify-content:center!important;}
#fl-configurator.category-button-style-filled-pill .fl-chip-icon{border-radius:999px!important;}
#fl-configurator.category-button-style-icon-focus .fl-chip{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:7px!important;}
#fl-configurator.category-button-style-icon-focus .fl-chip .fl-chip-icon{width:36px!important;height:36px!important;}
#fl-configurator.category-button-style-icon-focus .fl-chip .fl-chip-icon svg,
#fl-configurator.category-button-style-icon-focus .fl-chip .fl-chip-icon .fl-icon-mask{width:24px!important;height:24px!important;}
#fl-configurator.category-button-style-compact-tab .fl-chip{min-height:38px!important;padding:6px 9px!important;border-radius:10px!important;box-shadow:none!important;}
#fl-configurator.category-button-style-compact-tab .fl-chip-icon{width:22px!important;height:22px!important;}
#fl-configurator.category-button-style-segmented-connected .fl-chip-grid{gap:0!important;border:var(--fl-category-border-width,1px) solid var(--fl-category-border-color,var(--fl-border))!important;border-radius:var(--fl-category-radius,14px)!important;overflow:hidden!important;}
#fl-configurator.category-button-style-segmented-connected .fl-chip{border-radius:0!important;border-width:0 1px 1px 0!important;box-shadow:none!important;margin:0!important;}
#fl-configurator.category-button-style-segmented-connected .fl-chip.is-active{box-shadow:inset 0 0 0 1px var(--fl-category-active-border,var(--fl-accent))!important;}
#fl-configurator.category-button-style-underline-tab .fl-chip{border-color:transparent!important;border-bottom:2px solid var(--fl-category-border-color,var(--fl-border))!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
#fl-configurator.category-button-style-underline-tab .fl-chip.is-active{border-bottom-color:var(--fl-category-active-border,var(--fl-accent))!important;background:transparent!important;}
#fl-configurator.category-button-style-minimal-flat .fl-chip{border-color:transparent!important;background:transparent!important;box-shadow:none!important;}
#fl-configurator.category-button-style-minimal-flat .fl-chip:hover{background:var(--fl-category-hover-bg,var(--fl-accent-weak))!important;}
#fl-configurator.category-button-style-minimal-flat .fl-chip.is-active{background:var(--fl-category-active-bg,var(--fl-accent-weak))!important;}

@media(max-width:900px){
  .fl-chip-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:var(--fl-category-gap,10px)!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:7px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(17,24,39,.22) transparent!important;
  }
  .fl-chip-grid .fl-chip{flex:0 0 auto!important;min-width:var(--fl-category-mobile-min,112px)!important;}
  .fl-chip-grid::-webkit-scrollbar{height:4px!important;display:block!important;}
  .fl-chip-grid::-webkit-scrollbar-track{background:rgba(17,24,39,.05)!important;border-radius:999px!important;}
  .fl-chip-grid::-webkit-scrollbar-thumb{background:rgba(17,24,39,.26)!important;border-radius:999px!important;}
  #fl-configurator.category-mobile-scrollbar-fade .fl-chip-grid{scrollbar-color:rgba(17,24,39,.12) transparent!important;}
  #fl-configurator.category-mobile-scrollbar-fade .fl-chip-grid::-webkit-scrollbar-thumb{background:rgba(17,24,39,.14)!important;}
  #fl-configurator.category-mobile-scrollbar-hidden .fl-chip-grid{scrollbar-width:none!important;padding-bottom:0!important;}
  #fl-configurator.category-mobile-scrollbar-hidden .fl-chip-grid::-webkit-scrollbar{display:none!important;height:0!important;}
  #fl-configurator.category-button-style-segmented-connected .fl-chip-grid{gap:0!important;}
}


/* V2.38 — mobile radius consistency + selected/action radius + PDF print color support */
.fl-panel{border-radius:var(--fl-radius,18px)!important;}
.fl-viewer-card{border-radius:var(--fl-viewer-radius,18px)!important;}
.fl-combo-button{border-radius:var(--fl-control-radius,var(--fl-option-radius,12px))!important;}
.fl-combo-menu{border-radius:var(--fl-option-radius,var(--fl-control-radius,14px))!important;}
.fl-option{border-radius:var(--fl-option-radius,14px)!important;}
.fl-selected-card{border-radius:var(--fl-selected-radius,var(--fl-option-radius,14px))!important;}
.fl-selected-list{border-radius:var(--fl-selected-radius,var(--fl-option-radius,14px))!important;}
.fl-selected-row-v212,.fl-selected-row,.fl-selected-item{border-radius:var(--fl-selected-radius,var(--fl-option-radius,14px))!important;}
.fl-action-btn,.fl-btn{border-radius:var(--fl-action-radius,var(--fl-control-radius,14px))!important;}
.fl-toolbar{border-radius:var(--fl-zoom-radius,999px)!important;}
.fl-zoom-value,.fl-tool-btn{border-radius:var(--fl-zoom-radius,999px)!important;}
.fl-loading-text{border-radius:var(--fl-loading-radius,999px)!important;}
@media(max-width:900px){
  .fl-panel{border-radius:var(--fl-radius,18px)!important;}
  .fl-viewer-card{border-radius:var(--fl-viewer-radius,18px)!important;}
  .fl-combo-button{border-radius:var(--fl-control-radius,var(--fl-option-radius,12px))!important;}
  .fl-combo-menu{border-radius:var(--fl-option-radius,var(--fl-control-radius,14px))!important;}
  .fl-chip{border-radius:var(--fl-category-radius,14px)!important;}
  .fl-selected-card,.fl-selected-list,.fl-selected-row-v212,.fl-selected-row,.fl-selected-item{border-radius:var(--fl-selected-radius,var(--fl-option-radius,14px))!important;}
  .fl-action-btn,.fl-btn{border-radius:var(--fl-action-radius,var(--fl-control-radius,14px))!important;}
  #fl-configurator.category-button-style-filled-pill .fl-chip{border-radius:999px!important;}
  #fl-configurator.category-button-style-segmented-connected .fl-chip{border-radius:0!important;}
  #fl-configurator.category-button-style-underline-tab .fl-chip{border-radius:0!important;}
}

/* V2.40 — search bar radius + segmented connected mobile horizontal scroll fix */
.fl-search-input{
  border-radius:var(--fl-search-radius,var(--fl-control-radius,12px))!important;
}
@media(max-width:900px){
  #fl-configurator.category-button-style-segmented-connected .fl-chip-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    padding-bottom:7px!important;
    border-radius:var(--fl-category-radius,14px)!important;
    /* keep connected look without blocking horizontal gesture */
    touch-action:pan-x!important;
  }
  #fl-configurator.category-button-style-segmented-connected .fl-chip-grid::-webkit-scrollbar{
    height:4px!important;
    display:block!important;
  }
  #fl-configurator.category-button-style-segmented-connected .fl-chip-grid::-webkit-scrollbar-thumb{
    background:rgba(17,24,39,.26)!important;
    border-radius:999px!important;
  }
  #fl-configurator.category-button-style-segmented-connected .fl-chip{
    flex:0 0 auto!important;
    min-width:var(--fl-category-mobile-min,112px)!important;
    border-radius:0!important;
  }
  #fl-configurator.category-mobile-scrollbar-hidden.category-button-style-segmented-connected .fl-chip-grid{
    scrollbar-width:none!important;
    padding-bottom:0!important;
  }
  #fl-configurator.category-mobile-scrollbar-hidden.category-button-style-segmented-connected .fl-chip-grid::-webkit-scrollbar{
    display:none!important;
    height:0!important;
  }
}