@import"https://fonts.googleapis.com/css2?family=Allura&family=Bubblegum+Sans&family=Dancing+Script&family=Fredoka:wght@400;600&family=Luckiest+Guy&family=Montserrat:wght@400;600;700&family=Pacifico&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--toolbar-height: 140px;--header-height: 48px;--bg: #f6f3f1;--surface: #ffffff;--border: #e1e1e1;--text: #4a4a4a;--accent: #35b2b6;--accent-hover: #0d6a6d;--radius: 8px;--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px)}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:Montserrat,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#app,.cb-root{width:100%;height:100%;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border:2px solid transparent;border-radius:var(--radius);background:var(--surface);color:var(--text);font-family:Montserrat,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.btn:hover{background:#f0fafa}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--secondary{background:#fff;color:var(--accent);border-color:var(--accent)}.btn--secondary:hover{background:#f0fafa}.canvas-viewport{flex:1;overflow:hidden;position:relative;background:#e8e8e8;touch-action:none}.canvas-viewport canvas{position:absolute;top:0;left:0;transform-origin:0 0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.toolbar{flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding:8px 8px calc(8px + var(--sab));z-index:10}.palette-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.palette-scroll::-webkit-scrollbar{display:none}.palette{display:flex;gap:6px;padding:2px;width:max-content}.palette-group{display:flex;gap:4px}.palette-group:after{content:"";width:1px;background:var(--border);margin:4px 2px;flex-shrink:0}.palette-group:last-child:after{display:none}.swatch{width:40px;height:40px;min-width:40px;border-radius:8px;border:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,border-color .1s;position:relative}.swatch:active{transform:scale(.9)}.swatch--selected{border-color:var(--text);transform:scale(1.1);box-shadow:0 2px 8px #00000040}.swatch--light{box-shadow:inset 0 0 0 1px #0000001f}.cb-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:6px 8px;gap:8px;z-index:10}.cb-header-title{font-size:16px;font-weight:700;color:var(--text);white-space:nowrap}.cb-header-actions{display:flex;align-items:center;gap:4px;flex:1}.cb-header-actions .btn--order{margin-left:auto}.zoom-indicator{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600;opacity:0;transition:opacity .3s;pointer-events:none;z-index:5}.zoom-indicator.visible{opacity:1}.cb-page-strip{flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding:6px 8px}.cb-page-strip-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}.cb-page-strip-scroll::-webkit-scrollbar{display:none}.cb-thumb{flex-shrink:0;width:52px;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.cb-thumb img{width:52px;height:52px;object-fit:contain;border-radius:6px;border:2px solid var(--border);background:#fff;transition:border-color .15s,box-shadow .15s}.cb-thumb--active img{border-color:var(--accent);box-shadow:0 0 0 2px #35b2b64d}.cb-thumb:not(.cb-thumb--active):hover img{border-color:#bbb}.cb-thumb-label{display:block;font-size:11px;font-weight:600;color:#aaa;margin-top:2px;line-height:1}.cb-thumb--active .cb-thumb-label{color:var(--accent)}.cb-thumb--colored{position:relative}.cb-thumb--colored:after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#4caf50;border:1.5px solid #fff;z-index:1}.btn--icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.btn--order{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--order:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.cb-modal-bg{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;align-items:center;justify-content:center}.cb-modal-bg.open{display:flex}.cb-modal{background:#fff;border-radius:8px;padding:24px;width:92%;max-width:420px;box-shadow:0 2px 12px #0000001a;text-align:center;font-family:Montserrat,system-ui,sans-serif}.cb-modal h3{margin:0 0 6px;font-size:20px;font-weight:700;color:#333}.cb-modal p{margin:0 0 12px;color:#666;font-size:14px}.cb-modal-preview{margin-bottom:16px;background:#f6f3f1;border-radius:8px;padding:12px;display:flex;justify-content:center}.cb-modal-preview img{max-width:120px;max-height:120px;border-radius:4px;box-shadow:0 2px 8px #0000001a;object-fit:contain}.cb-modal-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;cursor:pointer;margin-bottom:10px;text-align:left;transition:border-color .2s,background .2s}.cb-modal-option:hover{border-color:var(--accent);background:#f0fafa}.cb-modal-option--selected{border:2px solid var(--accent);background:#f0fafa}.cb-modal-option input[type=radio]{-webkit-appearance:none;appearance:none;flex-shrink:0;width:18px;height:18px;margin:0;border:2px solid var(--border);border-radius:50%;background:#fff;transition:border-color .2s}.cb-modal-option input[type=radio]:checked{border-color:var(--accent);border-width:5px}.cb-modal-label{font-weight:700;font-size:14px;color:var(--text)}.cb-modal-desc{font-size:12px;color:#888}.cb-modal-divider{margin:18px 0 12px;font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:1px;font-weight:600}.cb-modal-upsell{display:flex;align-items:flex-start;gap:12px;background:#f0fafa;border:1px solid var(--border);border-radius:8px;padding:14px;cursor:pointer;text-align:left;transition:all .2s}.cb-modal-upsell:hover{border-color:var(--accent)}.cb-modal-upsell:has(input:checked){border:2px solid var(--accent);background:#e3f4f5}.cb-modal-upsell input[type=checkbox]{-webkit-appearance:none;appearance:none;flex-shrink:0;width:18px;height:18px;margin-top:2px;border:2px solid var(--border);border-radius:4px;background:#fff;transition:all .2s}.cb-modal-upsell input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.3 4.3L6 11.6 2.7 8.3a1 1 0 00-1.4 1.4l4 4a1 1 0 001.4 0l8-8a1 1 0 00-1.4-1.4z'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.cb-modal-upsell .cb-modal-label{color:var(--text);font-size:14px}.cb-modal-upsell .cb-modal-desc{color:#888;margin-top:4px}.cb-modal-upsell-preview{display:none;margin-top:10px}.cb-modal-upsell-preview.visible{display:block}.cb-modal-upsell-preview img{max-width:80px;max-height:80px;border-radius:4px;box-shadow:0 1px 4px #0000001a;object-fit:contain}.cb-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.cb-modal-btn{width:100%;padding:12px 24px;border:2px solid transparent;border-radius:8px;font-family:Montserrat,system-ui,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.cb-modal-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.cb-modal-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.cb-modal-btn--secondary{background:#fff;color:var(--accent);border-color:var(--accent)}.cb-modal-btn--secondary:hover{background:#f0fafa}.cb-modal-close{margin-top:10px;padding:8px 24px;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;font-family:Montserrat,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:background .2s}.cb-modal-close:hover{background:#f0fafa}.cb-modal--bulk{max-width:480px;max-height:90vh;overflow-y:auto}.cb-bulk-empty{color:#888;font-size:14px;padding:24px 0}.cb-bulk-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-bottom:16px;background:#f6f3f1;border-radius:8px;padding:12px}.cb-bulk-item{position:relative;text-align:center}.cb-bulk-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#fff;box-shadow:0 1px 4px #0000001a}.cb-bulk-remove{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#e53935;color:#fff;font-size:14px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;transition:background .15s}.cb-bulk-remove:hover{background:#c62828}.cb-bulk-label{display:block;font-size:11px;font-weight:600;color:#aaa;margin-top:2px}.cb-bulk-gallery--upsell{margin-top:10px;margin-bottom:0}.cb-loading{display:none;position:fixed;inset:0;background:#ffffffe6;z-index:2000;align-items:center;justify-content:center;flex-direction:column;gap:12px}.cb-loading.open{display:flex}.cb-spinner{width:40px;height:40px;border:4px solid #eee;border-top-color:var(--accent);border-radius:50%;animation:cb-spin .8s linear infinite}@keyframes cb-spin{to{transform:rotate(360deg)}}.cb-loading-msg{font-family:Montserrat,system-ui,sans-serif;font-size:15px;font-weight:600;color:var(--text)}.cb-text-panel{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);padding:6px 8px;display:flex;flex-direction:column;gap:6px;z-index:10}.cb-text-row{display:flex;align-items:center;gap:6px}.cb-text-row--options{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cb-text-row--options::-webkit-scrollbar{display:none}.cb-text-input{flex:1;min-width:80px;height:32px;padding:0 8px;border:1.5px solid var(--border);border-radius:6px;font-family:Montserrat,system-ui,sans-serif;font-size:13px;font-weight:600;color:var(--text);background:#fff;outline:none;-webkit-appearance:none;-webkit-user-select:text;user-select:text;touch-action:auto}.cb-text-input:focus{border-color:var(--accent)}.cb-font-btn{flex-shrink:0;height:28px;padding:0 8px;border:1.5px solid var(--border);border-radius:6px;background:#fff;font-family:Montserrat,system-ui,sans-serif;font-size:11px;font-weight:600;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s;white-space:nowrap}.cb-font-btn:hover{background:#f0fafa}.cb-font-btn--selected{border-color:var(--accent);background:#f0fafa}.cb-size-btn{flex-shrink:0;width:28px;height:28px;border:1.5px solid var(--border);border-radius:6px;background:#fff;font-family:Montserrat,system-ui,sans-serif;font-weight:700;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .15s,background .15s;display:inline-flex;align-items:center;justify-content:center;padding:0}.cb-size-btn:hover{background:#f0fafa}.cb-size-btn--selected{border-color:var(--accent);background:#f0fafa}.cb-text-sep{width:1px;height:20px;background:var(--border);flex-shrink:0}.cb-text-color{flex-shrink:0;width:24px;height:24px;min-width:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s,border-color .1s}.cb-text-color--selected{border-color:var(--text);transform:scale(1.15);box-shadow:0 1px 4px #0003}.cb-text-color--light{box-shadow:inset 0 0 0 1px #0000001f}.cb-text-add{flex-shrink:0;height:32px;padding:0 12px;border:none;border-radius:6px;background:var(--accent);color:#fff;font-family:Montserrat,system-ui,sans-serif;font-size:12px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.cb-text-add:hover{background:var(--accent-hover)}@media(min-width:768px){.swatch{width:44px;height:44px;min-width:44px}}@media(max-width:480px){.cb-header{padding:4px 6px;gap:4px}.cb-header-title{display:none}.btn--icon{width:36px;height:36px;font-size:16px}.cb-text-panel{padding:4px 6px;gap:4px}.cb-text-input{height:28px;font-size:12px;flex:0 0 auto;width:110px;min-width:110px}.cb-font-btn{height:24px;padding:0 6px;font-size:11px}.cb-size-btn{width:24px;height:24px}.cb-text-color{width:22px;height:22px;min-width:22px}.cb-text-sep{height:16px}.cb-page-strip{padding:4px 6px}.cb-thumb{width:44px}.cb-thumb img{width:44px;height:44px}.cb-page-strip-scroll{gap:6px}.toolbar{padding:4px 6px calc(4px + var(--sab))}.swatch{width:36px;height:36px;min-width:36px;border-radius:6px}.palette{gap:4px}.palette-group{gap:3px}}.cb-scroll-wrap{position:relative;display:flex;align-items:center}.cb-scroll-wrap>.palette-scroll,.cb-scroll-wrap>.cb-page-strip-scroll{flex:1;min-width:0}.cb-scroll-arrow{position:absolute;top:0;bottom:0;width:28px;z-index:2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#555;font-size:18px;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.cb-scroll-arrow--left{left:0;background:linear-gradient(to right,var(--surface) 60%,transparent);padding-right:6px}.cb-scroll-arrow--right{right:0;background:linear-gradient(to left,var(--surface) 60%,transparent);padding-left:6px}.cb-scroll-arrow:hover{color:#222}.cb-scroll-arrow--hidden{opacity:0;pointer-events:none}@media(max-width:480px){.cb-scroll-arrow{display:none!important}}@media(max-height:699px){.cb-page-strip--hidden{display:none}}