.wc-designer-action-wrap{margin:18px 0 24px 0!important;display:block!important;clear:both!important}.wc-designer-open-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;font-size:15px!important;font-weight:800!important;padding:14px 28px!important;border-radius:12px!important;border:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:10px!important;box-shadow:0 4px 20px rgb(245 158 11 / .35)!important;transition:all 0.25s cubic-bezier(.4,0,.2,1)!important;text-decoration:none!important}.wc-designer-open-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 25px rgb(245 158 11 / .45)!important;color:#ffffff!important}.wc-designer-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgb(15 23 42 / .65)!important;backdrop-filter:blur(8px)!important;z-index:999999!important;display:none;align-items:center!important;justify-content:center!important;padding:16px!important;box-sizing:border-box!important}.wc-designer-modal-overlay.active{display:flex!important}.wc-designer-modal-container{background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;width:100%!important;max-width:1260px!important;height:94vh!important;max-height:900px!important;display:flex!important;flex-direction:column!important;box-shadow:0 25px 60px -15px rgb(15 23 42 / .25)!important;overflow:hidden!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;color:#0f172a!important;box-sizing:border-box!important}.wc-designer-modal-header{padding:14px 20px!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#ffffff!important}.wc-designer-header-left{display:flex!important;align-items:center!important;gap:16px!important;margin-right:auto!important;justify-content:flex-start!important}.wc-designer-badge{font-size:11px!important;font-weight:800!important;color:#b45309!important;text-transform:uppercase!important;letter-spacing:0.06em!important;display:block!important;margin-bottom:2px!important}.wc-designer-modal-header h3{margin:0!important;font-size:18px!important;font-weight:800!important;color:#0f172a!important}.wc-designer-brand-badge-wrap{display:flex!important;align-items:center!important;gap:8px!important}.wc-designer-brand-link{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:4px 14px 4px 6px!important;border-radius:9999px!important;background:#f8fafc!important;border:1px solid #fde68a!important;text-decoration:none!important;transition:all 0.25s ease!important;box-shadow:0 1px 3px rgb(0 0 0 / .05)!important}.wc-designer-brand-link:hover{border-color:#f59e0b!important;background:#ffffff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgb(245 158 11 / .15)!important}.wc-designer-brand-img{width:48px!important;height:48px!important;border-radius:12px!important;object-fit:contain!important;border:1.5px solid #f59e0b!important;background:#ffffff!important;display:block!important}.wc-designer-brand-info{display:flex!important;flex-direction:column!important;text-align:left!important;line-height:1.25!important}.wc-designer-brand-title{font-size:13px!important;font-weight:800!important;color:#b45309!important;letter-spacing:0.02em!important}.wc-designer-brand-slogan{font-size:11px!important;font-style:italic!important;color:#d97706!important;opacity:0.95!important}@media (max-width:640px){.wc-designer-brand-info{display:none!important}.wc-designer-brand-link{padding:4px!important}}.wc-designer-close-btn{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#64748b!important;font-size:22px!important;width:36px!important;height:36px!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all 0.2s!important;line-height:1!important}.wc-designer-close-btn:hover{background:#e2e8f0!important;color:#0f172a!important}.wc-designer-modal-body{flex:1!important;display:flex!important;overflow:hidden!important;background:#ffffff!important}.wc-designer-canvas-stage{flex:1.25!important;background:radial-gradient(circle at center,#ffffff 0%,#f1f5f9 100%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:20px!important;position:relative!important;overflow:hidden!important;user-select:none!important;border-right:1px solid #e2e8f0!important;box-sizing:border-box!important}.wc-designer-canvas-holder{width:100%!important;max-width:min(480px, calc(100vh - 280px))!important;max-height:calc(100% - 60px)!important;aspect-ratio:1 / 1!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}#wc-designer-live-canvas{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:50%!important;box-shadow:0 20px 45px -10px rgb(15 23 42 / .2),0 0 0 1px rgb(15 23 42 / .08)!important;cursor:grab!important;background:#ffffff!important;transition:box-shadow 0.2s ease!important}#wc-designer-live-canvas:active{cursor:grabbing!important}.wc-designer-drag-hint{position:absolute!important;bottom:12px!important;background:rgb(15 23 42 / .82)!important;backdrop-filter:blur(4px)!important;color:#f8fafc!important;font-size:11px!important;padding:6px 14px!important;border-radius:20px!important;border:1px solid rgb(255 255 255 / .15)!important;pointer-events:none!important;transition:opacity 0.3s!important;box-shadow:0 4px 12px rgb(0 0 0 / .15)!important}.wc-designer-zoom-bar{margin-top:12px!important;display:flex!important;align-items:center!important;gap:8px!important;background:#ffffff!important;padding:8px 16px!important;border-radius:30px!important;border:1px solid #e2e8f0!important;z-index:5!important;flex-shrink:0!important;box-shadow:0 4px 12px rgb(15 23 42 / .06)!important}.wc-designer-top-tabs-bar{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;padding:8px 18px!important;flex-shrink:0!important;z-index:50!important;width:100%!important;box-sizing:border-box!important}.wc-tabs-nav{display:flex!important;gap:8px!important;background:transparent!important;padding:0!important;border-radius:0!important;margin:0!important;border:none!important;overflow-x:auto!important;scrollbar-width:thin!important;width:100%!important;box-sizing:border-box!important}.wc-tab-btn{flex:1!important;min-width:fit-content!important;white-space:nowrap!important;background:#ffffff!important;border:1px solid #e2e8f0!important;color:#475569!important;font-size:13px!important;font-weight:700!important;padding:9px 14px!important;border-radius:10px!important;cursor:pointer!important;transition:all 0.2s cubic-bezier(.4,0,.2,1)!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:0 1px 2px rgb(0 0 0 / .04)!important}.wc-tab-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.wc-tab-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;border-color:#f59e0b!important;box-shadow:0 4px 14px rgb(245 158 11 / .32)!important}.wc-designer-sidebar{flex:1!important;max-width:520px!important;background:#ffffff!important;border-left:1px solid #e2e8f0!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important}.wc-sidebar-content-scroll{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px 18px!important;display:flex!important;flex-direction:column!important;gap:12px!important;box-sizing:border-box!important}.wc-tab-content{display:none!important;flex-direction:column!important;gap:12px!important;flex:1!important}.wc-tab-content.active{display:flex!important}.wc-subtabs-nav{display:flex!important;gap:4px!important;background:#f1f5f9!important;padding:4px!important;border-radius:10px!important;border:1px solid #e2e8f0!important;margin-bottom:8px!important}.wc-subtab-btn{flex:1!important;background:transparent!important;border:none!important;color:#64748b!important;font-size:11px!important;font-weight:700!important;padding:7px 6px!important;border-radius:7px!important;cursor:pointer!important;text-align:center!important;transition:all 0.2s!important}.wc-subtab-btn:hover{color:#0f172a!important}.wc-subtab-btn.active{background:#ffffff!important;color:#0f172a!important;font-weight:800!important;box-shadow:0 1px 3px rgb(0 0 0 / .08)!important}.wc-subtab-content{display:none!important;flex-direction:column!important;gap:10px!important}.wc-subtab-content.active{display:flex!important}.wc-control-card{background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:12px 14px!important;border-radius:12px!important;box-sizing:border-box!important;box-shadow:0 1px 3px rgb(0 0 0 / .03)!important}.wc-control-label{display:block!important;font-size:12px!important;font-weight:800!important;color:#0f172a!important;margin-bottom:6px!important}.wc-btn-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:6px!important}.wc-grid-btn{background:#ffffff!important;border:1px solid #cbd5e1!important;color:#334155!important;font-size:11px!important;font-weight:600!important;padding:9px 8px!important;border-radius:8px!important;cursor:pointer!important;transition:all 0.15s!important;text-align:center!important}.wc-grid-btn:hover{border-color:#94a3b8!important;color:#0f172a!important;background:#f8fafc!important}.wc-grid-btn.active{background:#fef3c7!important;border-color:#f59e0b!important;color:#92400e!important;font-weight:800!important;box-shadow:0 2px 8px rgb(245 158 11 / .2)!important}.wc-color-palette{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important}.wc-color-btn{width:28px!important;height:28px!important;border-radius:50%!important;border:2px solid #cbd5e1!important;cursor:pointer!important;transition:transform 0.15s,border-color 0.15s!important;box-sizing:border-box!important}.wc-color-btn:hover{transform:scale(1.1)!important}.wc-color-btn.active{border-color:#f59e0b!important;box-shadow:0 0 0 2px #f59e0b!important;transform:scale(1.1)!important}.wc-custom-color-picker{position:relative!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#f1f5f9!important;border:2px solid #cbd5e1!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.wc-custom-color-picker input[type="color"]{position:absolute!important;top:-10px!important;left:-10px!important;width:50px!important;height:50px!important;opacity:0!important;cursor:pointer!important}.wc-selected-dial-banner{display:flex!important;align-items:center!important;gap:12px!important;background:#ffffff!important;border:1px solid #e2e8f0!important;padding:10px 12px!important;border-radius:12px!important;margin-bottom:10px!important;box-shadow:0 2px 6px rgb(0 0 0 / .03)!important}.wc-selected-dial-canvas{width:66px!important;height:66px!important;min-width:66px!important;border-radius:50%!important;border:2px solid #f59e0b!important;box-shadow:0 2px 8px rgb(245 158 11 / .2)!important;background:#ffffff!important}.wc-selected-dial-meta{flex:1!important;min-width:0!important}.wc-tag-gold{font-size:9px!important;font-weight:800!important;color:#b45309!important;background:#fef3c7!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid #fde68a!important}.wc-tag-ref{font-size:9px!important;font-family:monospace!important;font-weight:700!important;color:#334155!important;background:#f1f5f9!important;padding:2px 6px!important;border-radius:4px!important;border:1px solid #e2e8f0!important}.wc-selected-dial-title{font-size:13px!important;font-weight:800!important;color:#0f172a!important;margin:2px 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wc-selected-dial-desc{font-size:10px!important;color:#64748b!important;line-height:1.2!important}.wc-filter-pills{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:6px!important;margin-bottom:10px!important}.wc-pill{white-space:nowrap!important;background:#ffffff!important;border:1px solid #e2e8f0!important;color:#64748b!important;font-size:11px!important;padding:4px 10px!important;border-radius:20px!important;cursor:pointer!important;transition:all 0.2s!important}.wc-pill:hover{color:#0f172a!important;border-color:#cbd5e1!important}.wc-pill.active{background:#fef3c7!important;border-color:#f59e0b!important;color:#92400e!important;font-weight:700!important}.wc-dial-cards-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;max-height:340px!important;overflow-y:auto!important;padding-right:4px!important}.wc-dial-card{display:flex!important;align-items:center!important;gap:10px!important;background:#ffffff!important;border:1.5px solid #e2e8f0!important;padding:8px!important;border-radius:10px!important;cursor:pointer!important;text-align:left!important;transition:all 0.15s!important;box-shadow:0 1px 2px rgb(0 0 0 / .02)!important}.wc-dial-card:hover{border-color:#cbd5e1!important;background:#f8fafc!important}.wc-dial-card.active{border-color:#f59e0b!important;background:#fffbeb!important;box-shadow:0 0 0 1px #f59e0b!important}.wc-dial-thumb-canvas{width:54px!important;height:54px!important;min-width:54px!important;border-radius:50%!important;background:#ffffff!important;box-shadow:0 1px 4px rgb(0 0 0 / .08)!important;border:1px solid #e2e8f0!important;display:block!important}.wc-dial-card-info{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important}.wc-dial-badge{align-self:flex-start!important;font-size:8px!important;font-family:monospace!important;font-weight:700!important;color:#b45309!important;background:#fef3c7!important;padding:1px 4px!important;border-radius:3px!important;margin-bottom:2px!important}.wc-dial-label{font-size:11px!important;font-weight:700!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wc-dial-sub{font-size:9px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wc-sample-photos-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.wc-sample-photo-btn{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#334155!important;padding:10px 8px!important;border-radius:8px!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;transition:all 0.2s!important;text-align:center!important}.wc-sample-photo-btn:hover{border-color:#f59e0b!important;color:#b45309!important;background:#fef3c7!important}.wc-effects-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.wc-effect-card{background:#ffffff!important;border:1.5px solid #e2e8f0!important;padding:8px 6px!important;border-radius:8px!important;cursor:pointer!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;transition:all 0.2s!important}.wc-effect-card:hover{border-color:#cbd5e1!important;background:#f8fafc!important}.wc-effect-card.active{border-color:#f59e0b!important;background:#fffbeb!important}.wc-effect-swatch{width:38px!important;height:38px!important;border-radius:50%!important;margin-bottom:6px!important;border:1px solid rgb(0 0 0 / .1)!important}.wc-effect-name{font-size:10px!important;font-weight:700!important;color:#0f172a!important;white-space:nowrap!important}.wc-effect-desc{font-size:8px!important;color:#64748b!important;white-space:nowrap!important}.wc-frames-grid{display:flex!important;flex-direction:column!important;gap:8px!important}.wc-frame-card{display:flex!important;align-items:center!important;gap:12px!important;background:#ffffff!important;border:1.5px solid #e2e8f0!important;padding:10px 12px!important;border-radius:10px!important;cursor:pointer!important;text-align:left!important;transition:all 0.2s!important}.wc-frame-card:hover{border-color:#cbd5e1!important;background:#f8fafc!important}.wc-frame-card.active{border-color:#f59e0b!important;background:#fffbeb!important}.wc-frame-preview{width:42px!important;height:42px!important;border-radius:50%!important;position:relative!important}.wc-frame-none{background:#f1f5f9!important;border:2px dashed #94a3b8!important}.wc-frame-black{background:#18181b!important;border:6px solid #09090b!important}.wc-frame-pink{background:#fbcfe8!important;border:6px solid #ec4899!important}.wc-frame-gold{background:#fef08a!important;border:6px solid #d4af37!important;box-shadow:0 0 10px rgb(212 175 55 / .3)!important}.wc-frame-silver{background:#f8fafc!important;border:6px solid #94a3b8!important}.wc-frame-info{flex:1!important}.wc-frame-title{font-size:12px!important;font-weight:700!important;color:#0f172a!important}.wc-frame-price{font-size:11px!important;font-weight:700!important;color:#b45309!important;margin-top:2px!important}.wc-fmt-btn{background:#ffffff!important;border:1px solid #cbd5e1!important;color:#475569!important;padding:6px 10px!important;border-radius:6px!important;cursor:pointer!important;font-size:11px!important;transition:all 0.15s!important}.wc-fmt-btn:hover{color:#0f172a!important;background:#f1f5f9!important}.wc-fmt-btn.active{background:#f59e0b!important;color:#ffffff!important;font-weight:700!important;border-color:#f59e0b!important}.wc-mini-btn{background:#ffffff!important;border:1px solid #cbd5e1!important;color:#334155!important;padding:4px 8px!important;border-radius:6px!important;font-size:12px!important;cursor:pointer!important;transition:all 0.2s!important}.wc-mini-btn:hover{background:#f1f5f9!important;color:#0f172a!important}.wc-input{width:100%!important;background:#ffffff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;padding:9px 12px!important;border-radius:8px!important;font-size:12px!important;outline:none!important;box-sizing:border-box!important}.wc-input:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px rgb(245 158 11 / .15)!important}.wc-slider{width:100%!important;height:6px!important;border-radius:3px!important;background:#e2e8f0!important;outline:none!important;cursor:pointer!important;accent-color:#f59e0b!important}.wc-btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#ffffff!important;font-size:14px!important;font-weight:800!important;padding:12px!important;border-radius:10px!important;border:none!important;cursor:pointer!important;width:100%!important;box-shadow:0 4px 16px rgb(245 158 11 / .35)!important;transition:opacity 0.2s!important}.wc-btn-primary:hover{opacity:0.94!important}.wc-btn-secondary{background:#f1f5f9!important;color:#334155!important;font-size:12px!important;font-weight:700!important;padding:9px 12px!important;border-radius:8px!important;border:1px solid #cbd5e1!important;cursor:pointer!important;width:100%!important}.wc-btn-secondary:hover{background:#e2e8f0!important;color:#0f172a!important}.wc-btn-danger{background:#fff1f2!important;color:#e11d48!important;font-size:11px!important;font-weight:700!important;padding:8px 12px!important;border-radius:8px!important;border:1px solid #fecdd3!important;cursor:pointer!important;width:100%!important}.wc-btn-danger:hover{background:#ffe4e6!important}.wc-summary-card{background:#ffffff!important;border-top:1px solid #e2e8f0!important;padding:14px 18px!important;flex-shrink:0!important;margin-top:0!important;box-sizing:border-box!important;box-shadow:0 -4px 16px rgb(15 23 42 / .04)!important}.wc-price-row{display:flex!important;justify-content:space-between!important;align-items:center!important;font-size:13px!important;margin-bottom:10px!important;font-weight:600!important;color:#475569!important}.wc-price-val{font-size:18px!important;color:#b45309!important;font-weight:800!important}@media (max-width:900px){.wc-designer-modal-overlay{padding:0!important}.wc-designer-modal-container{height:100vh!important;max-height:100vh!important;border-radius:0!important;border:none!important}.wc-designer-modal-header{padding:10px 14px!important;flex-shrink:0!important}.wc-designer-top-tabs-bar{padding:6px 10px!important;flex-shrink:0!important}.wc-tab-btn{font-size:11px!important;padding:7px 10px!important;border-radius:8px!important}.wc-designer-modal-body{flex-direction:column!important;overflow:hidden!important;flex:1!important;min-height:0!important}.wc-designer-canvas-stage{flex:none!important;height:36vh!important;min-height:180px!important;padding:6px!important;border-right:none!important;border-bottom:1px solid #e2e8f0!important}.wc-designer-canvas-holder{max-width:220px!important;max-height:30vh!important}.wc-designer-sidebar{flex:1!important;min-height:0!important;max-width:100%!important;border-left:none!important;border-top:1px solid #e2e8f0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.wc-sidebar-content-scroll{padding:12px 14px!important}.wc-summary-card{padding:10px 14px!important;flex-shrink:0!important}}