:root{--text:#111827;--text-h:#08060d;--bg:#fff;--border:#e5e7eb;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,system-ui,sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0}html,body{overflow:hidden}#root{min-height:100vh}*{box-sizing:border-box}button,input,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}img{max-width:100%}:root{--rr-black:#050505;--rr-panel:#fff;--rr-soft:#f4f5f7;--rr-soft-2:#eef1f5;--rr-border:#dfe3e8;--rr-text:#111827;--rr-muted:#6b7280;--rr-brand:#f5c400;--rr-brand-dark:#111827;--rr-danger:#b42318;--rr-shadow:0 12px 30px #0f172a1a}.rr-customizer-shell{background:var(--rr-soft);width:100%;height:100%;color:var(--rr-text);grid-template-rows:64px minmax(0,1fr) 66px;font-family:Arial,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.rr-header{background:var(--rr-black);color:#fff;z-index:10;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.rr-header-left{align-items:center;gap:18px;min-width:0;display:flex}.rr-header-left a{color:#fff;opacity:.88;font-size:13px;text-decoration:none}.rr-header-left a:hover{opacity:1}.rr-logo-link{letter-spacing:-2px;justify-content:center;align-items:center;min-width:78px;height:38px;font-style:italic;font-weight:900;display:inline-flex;opacity:1!important;font-size:25px!important}.rr-header-status{color:#ffffffad;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.rr-header-status strong{color:#fff}.rr-workspace{grid-template-columns:minmax(0,1fr) 530px;min-height:0;display:grid;overflow:hidden}.rr-viewer-area{background:linear-gradient(#f7f8fa 0%,#eef1f5 100%);min-width:0;min-height:0;position:relative;overflow:hidden}.rr-canvas{display:block;width:100%!important;height:100%!important}.rr-viewer-tools{border:1px solid var(--rr-border);box-shadow:var(--rr-shadow);background:#ffffffeb;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:50%;left:22px;overflow:hidden;transform:translateY(-50%)}.rr-viewer-tools button,.rr-fullscreen-placeholder{width:42px;height:42px;color:var(--rr-text);cursor:pointer;background:#fff;border:0;font-size:22px}.rr-viewer-tools button+button{border-top:1px solid var(--rr-border)}.rr-viewer-tools button:hover,.rr-fullscreen-placeholder:hover{background:var(--rr-soft-2)}.rr-fullscreen-placeholder{border:1px solid var(--rr-border);box-shadow:var(--rr-shadow);border-radius:12px;position:absolute;bottom:22px;right:22px}.rr-floating-message{color:#fff;max-width:360px;box-shadow:var(--rr-shadow);background:#111827e6;border-radius:12px;padding:12px 14px;font-size:13px;position:absolute;bottom:22px;left:22px}.rr-editor{background:var(--rr-panel);border-left:1px solid var(--rr-border);grid-template-columns:116px minmax(0,1fr);min-width:0;height:100%;display:grid;overflow:hidden}.rr-tool-rail{border-right:1px solid var(--rr-border);background:#f7f8fa;flex-direction:column;gap:4px;padding:14px 10px;display:flex;overflow-y:auto}.rr-tool-rail button{min-height:88px;color:var(--rr-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;padding:10px 8px;font-size:12px;line-height:1.2}.rr-tool-rail button:hover{border-color:var(--rr-border);background:#fff}.rr-tool-rail button.is-active{background:#fff;border-color:#f5c400e6;box-shadow:0 8px 20px #0f172a14}.rr-tool-icon{background:var(--rr-soft-2);border-radius:12px;place-items:center;width:36px;height:36px;margin:0 auto 8px;font-size:20px;display:grid}.rr-tool-rail button.is-active .rr-tool-icon{background:var(--rr-brand)}.rr-editor-panel{background:#fff;min-width:0;padding:26px 28px 34px;overflow-y:auto}.rr-panel-section{flex-direction:column;gap:20px;display:flex}.rr-panel-heading{border-bottom:1px solid var(--rr-border);padding-bottom:16px}.rr-eyebrow{color:var(--rr-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.rr-panel-heading h2{color:var(--rr-text);margin:0 0 6px;font-size:22px;line-height:1.1}.rr-panel-heading p,.rr-note-box,.rr-panel-status span,.rr-selected-editor-header span,.rr-design-summary span{color:var(--rr-muted);font-size:13px;line-height:1.45}.rr-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rr-design-card,.rr-fabric-card{border:1px solid var(--rr-border);cursor:pointer;color:var(--rr-text);text-align:center;background:#fff;border-radius:14px;padding:10px}.rr-design-card:hover,.rr-fabric-card:hover{border-color:#c7ccd4;box-shadow:0 8px 18px #0f172a14}.rr-design-card.is-selected,.rr-fabric-card.is-selected{border-color:var(--rr-brand);box-shadow:0 0 0 2px #f5c40047}.rr-design-preview{background:var(--rr-soft);border-radius:12px;place-items:center;height:132px;margin-bottom:10px;display:grid;overflow:hidden}.rr-design-preview img{object-fit:contain;width:100%;height:100%}.rr-design-placeholder{color:#fff;text-transform:uppercase;background:linear-gradient(145deg,#00aeef,#0d2a4c);border-radius:18px 18px 24px 24px;place-items:center;width:76px;height:96px;font-weight:800;display:grid}.rr-design-card span,.rr-fabric-card strong{font-size:13px;display:block}.rr-area-tabs{flex-wrap:wrap;gap:8px;display:flex}.rr-area-tab{border:1px solid var(--rr-border);cursor:pointer;min-width:72px;height:40px;color:var(--rr-text);background:#fff;border-radius:999px;font-weight:700}.rr-area-tab.is-active{background:var(--rr-brand-dark);color:#fff;border-color:var(--rr-brand-dark)}.rr-selected-area-card{border:1px solid var(--rr-border);background:var(--rr-soft);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.rr-selected-area-card h3{margin:0;font-size:16px}.rr-current-color{width:44px;height:44px;box-shadow:0 0 0 1px var(--rr-border);border:3px solid #fff;border-radius:999px}.rr-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rr-swatch{border:1px solid var(--rr-border);cursor:pointer;min-height:46px;color:var(--rr-text);text-align:left;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.rr-swatch:hover,.rr-swatch.is-selected{border-color:var(--rr-brand);box-shadow:0 0 0 2px #f5c40033}.rr-swatch-dot{border:2px solid #fff;border-radius:999px;flex:none;width:26px;height:26px;box-shadow:0 0 0 1px #0000002e}.rr-advanced-color{background:var(--rr-soft);color:var(--rr-muted);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;font-size:13px;display:flex}.rr-advanced-color input{background:0 0;border:0;width:48px;height:34px;padding:0}.rr-fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rr-fabric-preview{background:repeating-linear-gradient(135deg,#00aeef2e 0 6px,#ffffff8c 6px 12px),#dceefe;border-radius:999px;place-items:center;width:104px;height:104px;margin:0 auto 10px;display:grid;overflow:hidden}.rr-fabric-preview img{object-fit:cover;width:100%;height:100%}.rr-panel-status{background:var(--rr-soft);border:1px solid var(--rr-border);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.rr-panel-status strong{font-size:14px}.rr-action-stack{gap:10px;display:grid}.rr-action-button{border:1px solid var(--rr-border);min-height:48px;color:var(--rr-text);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.rr-action-button:hover{border-color:var(--rr-brand)}.rr-selected-editor{border:1px solid var(--rr-border);background:#fff;border-radius:18px;gap:14px;padding:16px;display:grid;box-shadow:0 6px 16px #0f172a0d}.rr-selected-editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rr-selected-editor-header strong{margin-top:2px;font-size:14px;display:block}.rr-selected-editor-header button{border:1px solid var(--rr-border);background:var(--rr-soft);cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:700}.rr-field{color:var(--rr-muted);gap:8px;font-size:13px;font-weight:700;display:grid}.rr-field input[type=text]{border:1px solid var(--rr-border);border-radius:10px;width:100%;height:42px;padding:0 12px}.rr-field input[type=range]{width:100%}.rr-color-field{grid-template-columns:1fr auto;align-items:center}.rr-color-field input{width:48px;height:34px}.rr-note-box{background:var(--rr-soft);border:1px solid var(--rr-border);border-radius:14px;padding:14px 16px}.rr-danger-button{background:var(--rr-danger);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;font-weight:800}.rr-bottom-bar{border-top:1px solid var(--rr-border);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:10px 18px;display:flex}.rr-bottom-left,.rr-bottom-right{align-items:center;gap:10px;display:flex}.rr-bottom-left button{border:1px solid var(--rr-border);height:42px;color:var(--rr-text);cursor:pointer;background:#fff;border-radius:10px;padding:0 15px;font-weight:800}.rr-bottom-left button:hover{background:var(--rr-soft)}.rr-bottom-left button:disabled,.rr-add-to-cart:disabled{opacity:.6;cursor:not-allowed}.rr-design-summary{text-align:right;line-height:1.2;display:grid}.rr-design-summary strong{font-size:14px}.rr-add-to-cart{background:var(--rr-brand);color:#111;cursor:pointer;border:0;border-radius:12px;min-width:190px;height:48px;font-size:15px;font-weight:900;box-shadow:0 10px 24px #f5c40047}.rr-add-to-cart:hover{filter:brightness(.96)}@media (width<=1180px){.rr-workspace{grid-template-columns:minmax(0,1fr) 470px}.rr-editor{grid-template-columns:98px minmax(0,1fr)}.rr-tool-rail button{min-height:78px;font-size:11px}.rr-design-grid,.rr-fabric-grid,.rr-swatch-grid{grid-template-columns:1fr}}