.ccb-page *,.ccb-page *:before,.ccb-page *:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--ccb-primary: #111111;--ccb-accent: #7BC144;--ccb-accent-dark: #69A83A;--ccb-cta: #FF6B35;--ccb-cta-dark: #E55B27;--ccb-danger: #D32F2F;--ccb-surface: #FFFFFF;--ccb-bg: #F5F5F5;--ccb-border: #E0E0E0;--ccb-text-muted: #888888;--ccb-text-light: #BBBBBB;--ccb-rail-bg: #1A1A1A;--ccb-sidebar-w: 220px;--ccb-controls-w: 200px;--ccb-rail-w: 60px;--ccb-nav-h: 62px;--ccb-banner-h: 36px;--ccb-radius: 12px;--ccb-radius-lg: 20px;--ccb-radius-pill: 100px;--ccb-shadow-sm: 0 2px 8px rgba(0,0,0,.08);--ccb-shadow-md: 0 4px 24px rgba(0,0,0,.12);--ccb-shadow-lg: 0 16px 64px rgba(0,0,0,.18);--ccb-transition: .18s ease;--phone-w: 360px;--phone-h: 572px;--phone-radius: 52px}.ccb-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--ccb-primary);background:var(--ccb-surface);min-height:100vh;-webkit-font-smoothing:antialiased}.ccb-banner{background:var(--ccb-danger);color:#fff;text-align:center;padding:10px 16px;font-size:11.5px;font-weight:700;letter-spacing:.6px;line-height:1.4;height:var(--ccb-banner-h);display:flex;align-items:center;justify-content:center}.ccb-nav{display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--ccb-border);gap:12px;position:sticky;top:0;background:var(--ccb-surface);z-index:200;height:var(--ccb-nav-h)}.ccb-logo{font-size:19px;font-weight:900;letter-spacing:-.5px;color:var(--ccb-primary);text-decoration:none;flex-shrink:0}.ccb-back-btn{background:none;border:2px solid #222;border-radius:var(--ccb-radius-pill);padding:6px 16px;font-weight:700;cursor:pointer;font-size:12px;color:var(--ccb-primary);flex-shrink:0;transition:background var(--ccb-transition),transform var(--ccb-transition);letter-spacing:.3px}.ccb-back-btn:hover{background:var(--ccb-bg)}.ccb-back-btn:active{transform:scale(.97)}.ccb-stepper{display:flex;align-items:center;gap:8px;margin-left:auto;background:var(--ccb-bg);border-radius:var(--ccb-radius-pill);padding:8px 18px}.ccb-stepper-label{font-size:11px;color:var(--ccb-text-muted);font-weight:600;margin-right:6px;white-space:nowrap;letter-spacing:.2px}.ccb-step{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ccb-text-light);white-space:nowrap;transition:color var(--ccb-transition)}.ccb-step.active{color:var(--ccb-primary)}.ccb-step.done{color:var(--ccb-accent-dark)}.ccb-step-num{width:22px;height:22px;border-radius:50%;background:var(--ccb-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;transition:background var(--ccb-transition),color var(--ccb-transition)}.ccb-step.active .ccb-step-num{background:var(--ccb-primary);color:#fff}.ccb-step.done .ccb-step-num{background:var(--ccb-accent);color:#fff}.ccb-step-arrow{color:#ccc;font-size:14px}.ccb-cart-icon{background:none;border:none;cursor:pointer;padding:6px;position:relative;flex-shrink:0;display:flex;align-items:center;color:var(--ccb-primary);transition:opacity var(--ccb-transition)}.ccb-cart-icon:hover{opacity:.7}.ccb-cart-badge{position:absolute;top:0;right:0;background:var(--ccb-accent);color:#fff;border-radius:50%;width:17px;height:17px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.ccb-step-panel{display:none!important}.ccb-step-panel.ccb-active{display:block!important;animation:ccbFadeIn .28s ease}.ccb-step-panel.ccb-active.ccb-editor-panel{display:flex!important}@keyframes ccbFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#ccbStep1{display:flex;align-items:stretch;min-height:calc(100vh - var(--ccb-nav-h) - var(--ccb-banner-h))}.ccb-step1-preview{flex:0 0 42%;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}.ccb-step1-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 60% 40%,rgba(123,193,68,.1) 0%,transparent 70%);pointer-events:none}.ccb-phone-mockup{position:relative;width:280px;max-width:100%;border-radius:40px;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 8px 32px #0000001f,0 32px 80px #0000001a;transition:transform .4s ease,box-shadow .4s ease}.ccb-phone-mockup:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 0 0 1px #0000000f,0 16px 48px #00000026,0 40px 100px #00000024}.ccb-step1-img{width:100%;height:auto;display:block;border-radius:40px;transition:opacity .25s ease}.ccb-step1-img.loading{opacity:.4}.ccb-step1-placeholder{width:100%;background:#ebebeb;border-radius:40px;display:flex;align-items:center;justify-content:center;padding:20px;aspect-ratio:9/16}.ccb-step1-placeholder svg{width:100%;height:auto}.ccb-step1-info{flex:1;padding:56px 48px 56px 52px;display:flex;flex-direction:column;justify-content:center;max-width:540px}.ccb-step-eyebrow{font-size:12px;color:var(--ccb-text-muted);display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;letter-spacing:.2px}.ccb-step-badge{background:var(--ccb-primary);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.ccb-step1-title{font-size:44px;font-weight:900;line-height:1.02;letter-spacing:-1.5px;margin-bottom:10px;color:var(--ccb-primary)}.ccb-step1-price{font-size:28px;font-weight:800;margin-bottom:28px;color:var(--ccb-primary);letter-spacing:-.5px}.ccb-variant-wrapper{margin-bottom:6px}.ccb-label{display:block;font-size:12px;font-weight:700;color:var(--ccb-text-muted);margin-bottom:8px;letter-spacing:.4px;text-transform:uppercase}.ccb-select-wrap{position:relative}.ccb-select{width:100%;padding:14px 44px 14px 16px;border:2px solid var(--ccb-primary);border-radius:var(--ccb-radius);font-size:15px;font-weight:600;appearance:none;-webkit-appearance:none;background:var(--ccb-surface);cursor:pointer;color:var(--ccb-primary);transition:border-color var(--ccb-transition),box-shadow var(--ccb-transition)}.ccb-select:focus{outline:none;border-color:var(--ccb-accent);box-shadow:0 0 0 3px #7bc14433}.ccb-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--ccb-text-muted);display:flex;align-items:center}.ccb-help-text{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ccb-text-muted);margin-top:8px}.ccb-help-link{color:#1565c0;text-decoration:underline;cursor:pointer;font-weight:600;background:none;border:none;padding:0;font-size:12px}.ccb-next-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:22px;background:var(--ccb-accent);color:#fff;border:none;border-radius:var(--ccb-radius-pill);padding:17px 32px;font-size:15px;font-weight:800;cursor:pointer;transition:background var(--ccb-transition),transform .1s,box-shadow var(--ccb-transition);letter-spacing:.1px;box-shadow:0 4px 16px #7bc1444d}.ccb-next-btn:hover{background:var(--ccb-accent-dark);box-shadow:0 6px 24px #7bc14466}.ccb-next-btn:active{transform:scale(.98)}.ccb-next-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.ccb-features{display:flex;flex-direction:column;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid var(--ccb-border)}.ccb-feature{display:flex;align-items:center;gap:10px;font-size:13px;color:#555;font-weight:500}.ccb-feature svg{color:var(--ccb-accent);flex-shrink:0}#ccbStep2{padding:40px 32px 56px;min-height:calc(100vh - var(--ccb-nav-h) - var(--ccb-banner-h))}.ccb-step2-header{margin-bottom:28px}.ccb-step2-header .ccb-step-eyebrow{margin-bottom:6px}.ccb-step2-h1{font-size:32px;font-weight:900;letter-spacing:-.8px;margin-bottom:4px}.ccb-step2-sub{font-size:14px;color:var(--ccb-text-muted)}.ccb-templates-container{position:relative;display:flex;align-items:center;gap:10px}.ccb-templates-scroll{display:flex;gap:14px;overflow-x:auto;padding:12px 4px 16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--ccb-accent) #f0f0f0;flex:1}.ccb-templates-scroll::-webkit-scrollbar{height:4px}.ccb-templates-scroll::-webkit-scrollbar-track{background:var(--ccb-bg);border-radius:2px}.ccb-templates-scroll::-webkit-scrollbar-thumb{background:var(--ccb-accent);border-radius:2px}.ccb-scroll-btn{width:38px;height:38px;border-radius:50%;border:2px solid var(--ccb-border);background:var(--ccb-surface);font-size:18px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color var(--ccb-transition),background var(--ccb-transition);line-height:1;color:var(--ccb-primary)}.ccb-scroll-btn:hover{border-color:var(--ccb-accent);background:#f3fae8}.ccb-template-card{flex-shrink:0;width:152px;border:2.5px solid var(--ccb-border);border-radius:var(--ccb-radius-lg);padding:12px 10px;cursor:pointer;transition:border-color var(--ccb-transition),box-shadow var(--ccb-transition),transform var(--ccb-transition);text-align:center;background:var(--ccb-surface);outline:none;-webkit-user-select:none;user-select:none}.ccb-template-card:hover{border-color:var(--ccb-accent);box-shadow:0 4px 20px #7bc1442e;transform:translateY(-3px)}.ccb-template-card.ccb-selected{border-color:var(--ccb-accent);box-shadow:0 4px 24px #7bc14447;background:#fafff4}.ccb-template-card:focus-visible{outline:3px solid var(--ccb-accent);outline-offset:2px}.ccb-template-preview{width:100px;height:148px;border-radius:14px;margin:0 auto 10px;overflow:hidden;background:var(--ccb-bg);position:relative}.ccb-template-name{font-size:12px;font-weight:700;color:#333}.ccb-step2-actions{display:flex;justify-content:flex-start;margin-top:32px}.ccb-step2-actions .ccb-next-btn{width:auto;min-width:220px}.ccb-diy-box{background:#fdf8ef;border:1.5px solid #F0E0C8;border-radius:var(--ccb-radius-lg);padding:24px 28px;margin-top:40px;max-width:600px}.ccb-diy-box h3{font-size:15px;font-weight:800;margin-bottom:6px}.ccb-diy-box p{font-size:13px;color:#666;margin-bottom:16px;line-height:1.6}.ccb-diy-btn{display:inline-flex;align-items:center;gap:7px;border:2px solid #999;border-radius:var(--ccb-radius-pill);padding:9px 22px;font-size:13px;font-weight:700;background:none;cursor:pointer;color:#333;text-decoration:none;transition:border-color var(--ccb-transition),background var(--ccb-transition)}.ccb-diy-btn:hover{border-color:var(--ccb-primary);background:var(--ccb-bg)}.ccb-editor-panel{flex-direction:row!important;height:calc(100vh - var(--ccb-nav-h) - var(--ccb-banner-h));overflow:hidden}.ccb-tools-rail{width:var(--ccb-rail-w);background:var(--ccb-rail-bg);display:flex;flex-direction:column;padding:8px 0;align-items:center;gap:2px;overflow-y:auto;flex-shrink:0;scrollbar-width:none}.ccb-tools-rail::-webkit-scrollbar{display:none}.ccb-tool-btn{width:48px;height:50px;border-radius:var(--ccb-radius);border:none;background:none;color:#777;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;font-weight:800;gap:3px;letter-spacing:.4px;transition:background var(--ccb-transition),color var(--ccb-transition);position:relative}.ccb-tool-btn:hover{background:#2a2a2a;color:#ddd}.ccb-tool-btn.ccb-tool-active{background:var(--ccb-cta);color:#fff}.ccb-sidebar{width:var(--ccb-sidebar-w);background:var(--ccb-surface);border-right:1px solid var(--ccb-border);overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--ccb-border) transparent}.ccb-sidebar::-webkit-scrollbar{width:4px}.ccb-sidebar::-webkit-scrollbar-thumb{background:var(--ccb-border);border-radius:2px}.ccb-panel{display:none;padding:14px}.ccb-panel.ccb-panel-active{display:block}.ccb-panel-section-title{font-size:10px;font-weight:800;color:var(--ccb-text-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;margin-top:4px}.ccb-upload-main-btn{width:100%;background:var(--ccb-cta);color:#fff;border:none;border-radius:var(--ccb-radius);padding:11px 12px;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:7px;transition:background var(--ccb-transition)}.ccb-upload-main-btn:hover{background:var(--ccb-cta-dark)}.ccb-photos-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:80px}.ccb-photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2.5px solid transparent;transition:border-color var(--ccb-transition),transform .12s;position:relative}.ccb-photo-item:hover{border-color:var(--ccb-cta);transform:scale(1.03)}.ccb-photo-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ccb-photos-empty{grid-column:1 / -1;text-align:center;padding:20px 12px;color:var(--ccb-text-light)}.ccb-photos-empty p{font-size:12px;margin-top:8px;line-height:1.5}.ccb-form-group{margin-bottom:10px}.ccb-form-row{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px}.ccb-label-sm{display:block;font-size:11px;font-weight:700;color:var(--ccb-text-muted);margin-bottom:4px;letter-spacing:.2px}.ccb-input{width:100%;padding:8px 10px;border:1.5px solid var(--ccb-border);border-radius:8px;font-size:13px;color:var(--ccb-primary);background:var(--ccb-surface);transition:border-color var(--ccb-transition);-webkit-appearance:none}.ccb-input:focus{outline:none;border-color:var(--ccb-accent)}.ccb-range{width:100%;accent-color:var(--ccb-accent);cursor:pointer;height:4px}.ccb-color-input{width:40px;height:34px;border:1.5px solid var(--ccb-border);border-radius:8px;cursor:pointer;padding:2px;background:none}.ccb-color-full{width:100%;height:36px}.ccb-clear-btn{width:100%;background:none;border:1.5px solid var(--ccb-border);border-radius:8px;padding:7px;font-size:12px;cursor:pointer;color:var(--ccb-text-muted);transition:border-color var(--ccb-transition),color var(--ccb-transition);font-weight:600}.ccb-clear-btn:hover{border-color:var(--ccb-danger);color:var(--ccb-danger)}.ccb-style-btn{flex:1;padding:7px;border:1.5px solid var(--ccb-border);border-radius:7px;background:var(--ccb-surface);cursor:pointer;font-size:14px;transition:border-color var(--ccb-transition),background var(--ccb-transition)}.ccb-style-btn.ccb-active,.ccb-style-btn[aria-pressed=true]{border-color:var(--ccb-accent);background:#f3fae8}.ccb-align-btns{display:flex;gap:6px}.ccb-align-btn{flex:1;padding:7px;border:1.5px solid var(--ccb-border);border-radius:7px;background:var(--ccb-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--ccb-transition),background var(--ccb-transition)}.ccb-align-btn.ccb-active{border-color:var(--ccb-accent);background:#f3fae8}.ccb-add-text-btn{width:100%;background:var(--ccb-accent);color:#fff;border:none;border-radius:8px;padding:10px;font-size:13px;font-weight:700;cursor:pointer;margin-top:4px;transition:background var(--ccb-transition)}.ccb-add-text-btn:hover{background:var(--ccb-accent-dark)}.ccb-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ccb-layout-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:2px solid var(--ccb-border);border-radius:10px;background:var(--ccb-surface);cursor:pointer;font-size:11px;font-weight:700;color:#555;transition:border-color var(--ccb-transition),background var(--ccb-transition)}.ccb-layout-btn:hover{border-color:var(--ccb-accent)}.ccb-layout-btn.ccb-active{border-color:var(--ccb-accent);background:#f3fae8}.ccb-swatches{display:flex;flex-wrap:wrap;gap:7px}.ccb-swatch{width:28px;height:28px;border-radius:7px;border:2.5px solid transparent;cursor:pointer;transition:transform .12s,border-color var(--ccb-transition);flex-shrink:0}.ccb-swatch:hover{transform:scale(1.2)}.ccb-swatch.ccb-active{border-color:var(--ccb-primary)!important;transform:scale(1.1)}.ccb-filter-list{display:flex;flex-direction:column;gap:5px}.ccb-filter-btn{padding:8px 10px;border:1.5px solid var(--ccb-border);border-radius:8px;background:var(--ccb-surface);font-size:12px;cursor:pointer;text-align:left;transition:border-color var(--ccb-transition),background var(--ccb-transition);font-weight:500}.ccb-filter-btn:hover{border-color:var(--ccb-accent)}.ccb-filter-btn.ccb-active{border-color:var(--ccb-accent);background:#f3fae8;font-weight:700}.ccb-clipart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ccb-clipart-item{font-size:22px;padding:7px 2px;border:none;background:none;cursor:pointer;border-radius:8px;text-align:center;transition:background .12s,transform .1s;line-height:1}.ccb-clipart-item:hover{background:var(--ccb-bg);transform:scale(1.15)}.ccb-canvas-area{flex:1;background:#e2e2e2;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ccb-canvas-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.ccb-fill-indicator{position:absolute;top:18px;left:50%;transform:translate(-50%);color:var(--ccb-danger);font-weight:800;font-size:12px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:50;white-space:nowrap;background:#ffffffe6;padding:6px 14px;border-radius:20px;border:1.5px solid rgba(211,47,47,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ccb-phone-wrapper{position:relative;width:var(--phone-w);height:var(--phone-h);-webkit-user-select:none;user-select:none;filter:drop-shadow(0 16px 48px rgba(0,0,0,.22)) drop-shadow(0 4px 16px rgba(0,0,0,.14))}.ccb-design-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;overflow:hidden;border-radius:var(--phone-radius);background:#fff;transition:background-color .2s}.ccb-design-layer.ccb-drag-over{outline:3px dashed var(--ccb-accent);outline-offset:-4px;background-color:#f3fae8!important}.ccb-drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bbb;pointer-events:none;gap:6px;padding:24px;text-align:center;z-index:6}.ccb-drop-hint p{font-size:13px;margin-top:4px;color:#aaa;font-weight:500}.ccb-drop-hint span{font-size:11px;color:#ccc}.ccb-phone-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.ccb-phone-frame svg{width:100%;height:100%}.ccb-design-element{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;transition:outline var(--ccb-transition)}.ccb-design-element.ccb-selected{outline:2px solid var(--ccb-accent);outline-offset:2px}.ccb-design-element img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;border-radius:inherit}.ccb-controls-panel{width:var(--ccb-controls-w);background:var(--ccb-surface);border-left:1px solid var(--ccb-border);display:flex;flex-direction:column;padding:14px 12px;gap:10px;overflow-y:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:var(--ccb-border) transparent}.ccb-controls-panel::-webkit-scrollbar{width:3px}.ccb-controls-panel::-webkit-scrollbar-thumb{background:var(--ccb-border)}.ccb-price-display{text-align:center;padding:10px 0 8px;border-bottom:1px solid var(--ccb-bg)}.ccb-price-display span{display:block;font-size:22px;font-weight:900;letter-spacing:-.5px}.ccb-price-display small{font-size:11px;color:var(--ccb-text-muted);display:block;margin-top:2px;font-weight:500}.ccb-atc-btn{background:var(--ccb-cta);color:#fff;border:none;border-radius:var(--ccb-radius);padding:14px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--ccb-transition),transform .1s,box-shadow var(--ccb-transition);width:100%;box-shadow:0 4px 14px #ff6b3559;letter-spacing:.1px}.ccb-atc-btn:hover{background:var(--ccb-cta-dark);box-shadow:0 6px 20px #ff6b3566}.ccb-atc-btn:active{transform:scale(.98)}.ccb-controls-divider{display:flex;gap:5px}.ccb-ctrl-btn{flex:1;border:1.5px solid var(--ccb-border);background:var(--ccb-surface);border-radius:8px;padding:7px 2px;font-size:10px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:#666;transition:border-color var(--ccb-transition),color var(--ccb-transition);letter-spacing:.2px}.ccb-ctrl-btn:hover{border-color:var(--ccb-accent);color:var(--ccb-primary)}.ccb-section-title{font-size:10px;font-weight:800;color:var(--ccb-text-light);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.ccb-no-selection{font-size:11px;color:var(--ccb-text-light);text-align:center;padding:10px 0;font-style:italic}.ccb-selected-actions{display:none;flex-direction:column;gap:8px}.ccb-action-btns{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:4px}.ccb-action-btn{padding:7px 4px;border:1.5px solid var(--ccb-border);border-radius:7px;background:var(--ccb-surface);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;color:#555;transition:border-color var(--ccb-transition);letter-spacing:.1px}.ccb-action-btn:hover{border-color:var(--ccb-accent);color:var(--ccb-primary)}#ccbDeleteEl:hover{border-color:var(--ccb-danger);color:var(--ccb-danger)}.ccb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;align-items:center;justify-content:center;display:none;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ccb-modal-overlay.ccb-modal-open{display:flex}.ccb-modal{background:var(--ccb-surface);border-radius:24px;padding:36px 32px;max-width:440px;width:100%;text-align:center;position:relative;animation:ccbModalIn .24s ease;max-height:90vh;overflow-y:auto;box-shadow:var(--ccb-shadow-lg)}@keyframes ccbModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ccb-modal-close{position:absolute;top:14px;right:16px;background:var(--ccb-bg);border:none;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;color:#666;line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--ccb-transition)}.ccb-modal-close:hover{background:#e0e0e0}.ccb-modal-success-icon{font-size:44px;margin-bottom:8px}.ccb-modal-title{font-size:22px;font-weight:900;margin-bottom:6px;letter-spacing:-.3px}.ccb-modal-sub{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5}.ccb-modal-preview{width:130px;height:200px;margin:0 auto 16px;border-radius:18px;overflow:hidden;background:var(--ccb-bg);border:2px solid var(--ccb-border)}.ccb-modal-preview img{width:100%;height:100%;object-fit:cover}.ccb-modal-price{font-size:22px;font-weight:900;margin-bottom:22px;color:var(--ccb-primary);letter-spacing:-.3px}.ccb-modal-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.ccb-checkout-btn{background:var(--ccb-accent);color:#fff;border:none;border-radius:var(--ccb-radius-pill);padding:13px 28px;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:background var(--ccb-transition);box-shadow:0 4px 12px #7bc1444d}.ccb-checkout-btn:hover{background:var(--ccb-accent-dark)}.ccb-continue-btn{background:var(--ccb-bg);color:#333;border:none;border-radius:var(--ccb-radius-pill);padding:13px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:background var(--ccb-transition)}.ccb-continue-btn:hover{background:#e0e0e0}.ccb-help-list{text-align:left;display:flex;flex-direction:column;gap:10px;margin-top:4px}.ccb-help-item{font-size:13px;color:#555;background:var(--ccb-bg);padding:12px 14px;border-radius:10px;line-height:1.5}.ccb-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#222;color:#fff;padding:12px 24px;border-radius:var(--ccb-radius-pill);font-size:13px;font-weight:600;z-index:2000;transition:transform .3s ease,opacity .3s ease;opacity:0;white-space:nowrap;box-shadow:var(--ccb-shadow-md);pointer-events:none}.ccb-toast.ccb-toast-show{transform:translate(-50%) translateY(0);opacity:1}[data-preview=full]{background:linear-gradient(145deg,#4fc3f7,#0288d1)}[data-preview=mosaic1]{background:linear-gradient(160deg,#f48fb1,#c2185b) 0 0 / 50% 50% no-repeat,linear-gradient(160deg,#7b1fa2,#4a148c) 50% 0 / 50% 50% no-repeat,linear-gradient(160deg,#1565c0,#0d47a1) 0 50% / 50% 50% no-repeat,linear-gradient(160deg,#2e7d32,#1b5e20) 50% 50% / 50% 50% no-repeat}[data-preview=mosaic2]{background:linear-gradient(160deg,#a5d6a7,#4caf50) 0 0 / 100% 40% no-repeat,linear-gradient(160deg,#1565c0,#0d47a1) 0 40% / 50% 60% no-repeat,linear-gradient(160deg,#f57f17,#e65100) 50% 40% / 50% 60% no-repeat}[data-preview=polaroid]{background:#f0ebe1;display:flex;align-items:center;justify-content:center}[data-preview=polaroid]:after{content:"";position:absolute;top:10px;left:12px;right:12px;bottom:22px;background:linear-gradient(135deg,#ffe0b2,#ffcc02);border-radius:3px;box-shadow:0 2px 8px #0000002e}[data-preview=polaroid_mosaic]{background:linear-gradient(160deg,#f8bbd0,#e91e63) 0 0 / 50% 45% no-repeat,linear-gradient(160deg,#e1f5fe,#03a9f4) 50% 0 / 50% 45% no-repeat,#f5f5f5 0 45% / 100% 55% no-repeat}[data-preview=taped_photo]{background:#e3f2fd}[data-preview=taped_photo]:after{content:"";position:absolute;top:16px;left:10px;right:10px;bottom:16px;background:linear-gradient(145deg,#fff,#f5f5f5);border-radius:3px;border:1px solid #E0E0E0;box-shadow:2px 2px 8px #0000001a,-1px -1px #fffc}[data-preview=frame_music]{background:#1a1a2e}[data-preview=frame_music]:after{content:"\266a";position:absolute;bottom:18px;left:50%;transform:translate(-50%);font-size:26px;color:var(--ccb-accent)}@media(max-width:1100px){:root{--ccb-sidebar-w: 196px;--ccb-controls-w: 180px;--phone-w: 320px;--phone-h: 510px;--phone-radius: 46px}}@media(max-width:900px){#ccbStep1{flex-direction:column}.ccb-step1-preview{flex:none;width:100%;padding:32px 24px;min-height:280px}.ccb-phone-mockup{width:180px}.ccb-step1-info{padding:28px 24px 40px;max-width:100%}.ccb-step1-title{font-size:36px}.ccb-stepper-label{display:none}}@media(max-width:768px){:root{--ccb-nav-h: 56px;--phone-w: 280px;--phone-h: 445px;--phone-radius: 42px}.ccb-editor-panel{flex-direction:column!important;height:auto!important;min-height:100vh;overflow-y:auto}.ccb-tools-rail{width:100%;flex-direction:row;height:50px;overflow-x:auto;overflow-y:visible;padding:5px 8px;flex-shrink:0}.ccb-tool-btn{width:42px;height:40px}.ccb-tool-btn span{display:none}.ccb-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--ccb-border);max-height:220px}.ccb-canvas-area{min-height:460px;flex-shrink:0}.ccb-controls-panel{width:100%;border-left:none;border-top:1px solid var(--ccb-border);flex-direction:row;flex-wrap:wrap;align-items:center}.ccb-controls-panel>*{flex:1;min-width:120px}.ccb-price-display{border-bottom:none}.ccb-fill-indicator{display:none}}@media(max-width:480px){.ccb-nav{padding:0 12px}.ccb-logo{font-size:16px}.ccb-stepper{padding:6px 12px;gap:6px}.ccb-step span{display:none}#ccbStep2{padding:20px 16px 36px}.ccb-step2-h1{font-size:26px}.ccb-template-card{width:130px}.ccb-modal{padding:28px 20px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-case-builder.css.map */