.designer-mobile-menu-toggle{display:none}.designer-header-menu{display:contents}@media (max-width: 767px){.designer-responsive-header{position:relative!important;z-index:1000!important;isolation:isolate;display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;grid-template-rows:48px 40px!important;height:88px!important;min-height:88px!important;width:100%!important;padding:0 8px!important;column-gap:0!important;box-sizing:border-box;overflow:visible!important}.designer-mobile-menu-toggle{display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#172554;cursor:pointer}.designer-header-tabs{display:contents!important}.designer-header-tabs>div:first-child{grid-column:2;grid-row:1;justify-self:center;align-self:center;height:auto!important;padding:0!important;margin:0!important;border:0!important;min-width:0;max-width:100%}.designer-header-tabs>div:first-child span{font-size:15px!important;white-space:nowrap}.designer-header-tabs>div:first-child img{max-width:155px!important}.designer-header-tabs>button{grid-row:2;grid-column:1 / 4;width:50%;height:40px!important;min-width:0;padding:0 4px!important;font-size:13px!important;justify-self:start}.designer-header-tabs>button:nth-child(3){justify-self:end}.designer-header-tabs:has(>button:nth-child(4))>button{width:33.333%}.designer-header-tabs:has(>button:nth-child(4))>button:nth-child(3){justify-self:center}.designer-header-tabs>button:nth-child(4){justify-self:end}.designer-header-menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;width:100%;max-height:min(70dvh,480px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:14px 12px 18px;background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 14px 14px;box-shadow:0 14px 32px #0f172a2e;gap:14px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px);transition:opacity .26s ease,transform .26s ease,visibility .26s;overscroll-behavior:contain}.designer-mobile-menu-open .designer-header-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.designer-header-selectors,.designer-header-actions{display:flex!important;position:static!important;width:100%!important;min-width:0!important;box-sizing:border-box;flex-wrap:wrap;overflow:visible!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important}.designer-header-selectors{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch!important;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.designer-header-selectors>button{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-header-actions>button,.designer-header-actions>div>button{min-height:36px}.designer-header-actions>div[style*="position: relative"]{max-width:100%}.designer-header-actions>div[style*="position: relative"]>div[style*="position: absolute"]{z-index:1002!important;max-width:calc(100vw - 32px)}}@media (max-width: 767px) and (prefers-reduced-motion: reduce){.designer-header-menu{transition:none}}@media (max-width: 767px){.designer-mobile-menu-open .designer-header-menu{overflow:visible!important;max-height:none!important}.designer-header-actions>div[style*="position: relative"]{position:relative!important}.designer-header-actions>div[style*="position: relative"]>div[style*="position: absolute"]{top:calc(100% + 6px)!important;left:0!important;right:auto!important;min-width:160px!important;z-index:1002!important}}@media (max-width: 767px){.designer-mobile-menu-open .designer-header-menu{max-height:min(70dvh,480px)!important;overflow-y:auto!important;overflow-x:hidden!important}.designer-header-actions .designer-download-control{display:flex!important;flex-wrap:wrap;align-items:center}.designer-header-actions .designer-download-formats{position:static!important;top:auto!important;left:auto!important;right:auto!important;flex:0 0 100%;width:100%;min-width:0!important;max-width:100%!important;margin-top:6px;box-sizing:border-box;box-shadow:none!important;border-radius:8px!important;z-index:auto!important}.designer-header-actions .designer-download-formats>button{min-height:40px}.designer-download-backdrop{display:none!important}}@media (max-width: 767px){.designer-mobile-download-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.designer-mobile-download-dialog{width:100%;max-width:360px;box-sizing:border-box;background:#fff;border-radius:12px;padding:16px;box-shadow:0 12px 32px #0000002e;display:flex;flex-direction:column;gap:8px}.designer-mobile-download-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.designer-mobile-download-heading>button{border:0;background:transparent;font-size:28px;cursor:pointer;min-width:44px;min-height:44px}.designer-mobile-download-dialog>button{min-height:44px;text-align:left;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:10px 14px;cursor:pointer}.designer-product-options-dialog{position:relative;max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box}.designer-product-options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.designer-product-options-close{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-bottom:0;width:44px;height:44px;background:transparent;border:0;font-size:28px;cursor:pointer}}@media (min-width: 768px){.designer-product-options-close{display:none}}@media (min-width: 768px){.designer-product-options-heading{margin-bottom:8px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;color:#333;overflow:hidden}:root{--primary: #666666;--primary-hover: #16bcdc;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-muted: rgba(0, 0, 0, .87);--header-height: 52px;--top-toolbar-height: 44px;--bottom-bar-height: 34px;--panel-field-bg: #f1f2f4;--selection: #16bcdc;--selection-text: #097389;--selection-tint: color-mix(in srgb, var(--selection) 12%, white);--selection-soft: color-mix(in srgb, var(--selection) 25%, transparent)}.panel-field:focus{outline:none;border-color:var(--primary)!important;background:var(--surface)!important}#root{height:100vh;display:flex;flex-direction:column}.designer-workspace{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;background:#f0f0f0;position:relative}.canvas-container{background:transparent}.tab-nav{display:flex;border-bottom:1px solid var(--border);overflow-x:auto}.tab-nav button{flex-shrink:0;padding:10px 14px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .15s}.tab-nav button.active{color:var(--primary);border-bottom-color:var(--primary)}.btn{padding:8px 16px;border-radius:35px;border:none;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--border);color:var(--text)}.btn-outline{padding:0 16px;height:32px;background:#fff;color:#111;border:1.5px solid #111;border-radius:35px;cursor:pointer;font-size:13.5px;font-weight:600;font-family:inherit;transition:background-color .16s ease,color .16s ease,border-color .16s ease;white-space:nowrap}.btn-outline:hover:not(:disabled){background:var(--selection);color:#fff;border-color:var(--selection)}.btn-outline:disabled{border-color:#cbd5e1;color:#94a3b8;cursor:not-allowed}@keyframes finish-design-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--selection) 55%,transparent);transform:scale(1)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--selection) 0%,transparent);transform:scale(1.045)}}.finish-design-pulse{animation:finish-design-pulse 1.1s ease-out 3}.byi-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center}.byi-modal{width:95vw;height:95vh;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0006}.byi-iframe{width:100%;height:100%;border:none}.byi-close{position:absolute;top:10px;right:10px;z-index:10;background:#00000080;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.left-sidebar-inner{overflow-y:auto;overflow-x:hidden}.layer-row:hover .layer-menu-btn{opacity:1!important}.layer-row:hover{background:#f8fafc}.toolbar-btn:hover{background:#f1f5f9}.toolbar-btn:disabled{opacity:.4;cursor:default}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.byi-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--byi-slider-pct, 0%),#e2e8f0 var(--byi-slider-pct, 0%),#e2e8f0 100%);outline:none;cursor:pointer}.byi-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:0 1px 3px #00000040;cursor:pointer;transition:transform .1s}.byi-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.byi-slider::-moz-range-track{height:6px;border-radius:999px;background:#e2e8f0}.byi-slider::-moz-range-progress{height:6px;border-radius:999px;background:var(--primary)}.byi-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid white;box-shadow:0 1px 3px #00000040;cursor:pointer}.left-sidebar-inner,.customedge-scroll{scrollbar-width:thin;scrollbar-color:#b8bec7 transparent}.left-sidebar-inner::-webkit-scrollbar,.customedge-scroll::-webkit-scrollbar{width:5px;height:5px}.left-sidebar-inner::-webkit-scrollbar-track,.customedge-scroll::-webkit-scrollbar-track{background:transparent}.left-sidebar-inner::-webkit-scrollbar-thumb,.customedge-scroll::-webkit-scrollbar-thumb{background:#b8bec7;border-radius:10px}
