.vision-board-page{min-height:100vh;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;flex-direction:column;overflow:hidden;touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.vision-board-page *{touch-action:manipulation}.canvas-wrapper{touch-action:none!important;-webkit-user-select:none;user-select:none}.vision-board-container{overscroll-behavior-y:contain;overflow:hidden}.vision-board-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.875rem 2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 2px 8px #0000000a}.back-btn-vision{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;transition:all .2s;flex-shrink:0}.back-btn-vision:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translate(-2px)}.header-text-vision{flex:1;min-width:0}.header-title-vision{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b;letter-spacing:-.01em;line-height:1.3;display:flex;align-items:center;gap:.5rem}.header-emoji{flex-shrink:0}.header-title-text{flex:1;min-width:0}.header-subtitle-vision{margin:.125rem 0 0;font-size:.8125rem;color:#64748b;font-weight:500;line-height:1.4}.step-indicator-vision{display:flex;align-items:center;gap:0;background:#f8fafc;padding:.5rem 1rem;border-radius:50px;border:1px solid #e2e8f0;flex-shrink:0}.step-vision{display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.25rem .5rem;border-radius:20px}.step-vision:hover{background:#e2e8f0}.step-number-vision{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;transition:all .2s ease;flex-shrink:0}.step-vision.active .step-number-vision{background:#10b981;color:#fff;box-shadow:0 2px 8px #667eea4d}.step-vision.completed .step-number-vision{background:#10b981!important;color:#fff!important;box-shadow:0 2px 8px #10b9814d!important}.step-label-vision{font-size:.8125rem;font-weight:600;color:#64748b;white-space:nowrap;transition:color .2s ease}.step-vision.active .step-label-vision{color:#10b981}.step-vision.completed .step-label-vision{color:#10b981!important}.step-line-vision{width:32px;height:2px;background:#e2e8f0;margin:0 .375rem}.cart-btn-header-vision{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;transition:all .2s;flex-shrink:0}.cart-btn-header-vision:hover{background:#e2e8f0;border-color:#cbd5e1;transform:scale(1.05)}.cart-counter-vision{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 6px #ef444466}.vision-board-container{flex:1}.toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:10000}.toast.show{opacity:1;transform:translateY(0)}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}@media(max-width:968px){.vision-board-header{padding:.75rem 1rem;gap:.75rem}.header-title-vision{font-size:1rem}.header-subtitle-vision{font-size:.75rem}.step-label-vision{display:none}.step-vision{padding:.25rem}.back-btn-vision,.cart-btn-header-vision{width:32px;height:32px}.back-btn-vision svg,.cart-btn-header-vision svg{width:18px;height:18px}}@media(max-width:768px){.template-info-sidebar{text-align:center}.template-name-sidebar.mobile-hide{position:absolute;bottom:0}.info-item.mobile-hide{display:none}.template-actions-bottom{display:flex;flex-direction:row;width:90%}button.btn-select-template-compact,button.btn-skip-template{font-size:15px;padding:9px;flex:1}button.floating-add-btn{bottom:6rem!important;right:10px!important}.mobile-sticky-cta button{bottom:30px!important;position:relative}}@media(max-width:640px){.vision-board-page{height:100vh}.vision-board-header{padding:.625rem .875rem;gap:.625rem}.back-btn-vision,.cart-btn-header-vision{width:32px;height:32px;border-radius:6px}.back-btn-vision svg,.cart-btn-header-vision svg{width:18px;height:18px}.header-text-vision{flex:1;min-width:0}.header-title-vision{font-size:.9375rem;gap:.375rem}.header-emoji{font-size:1rem}.header-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-subtitle-vision{font-size:.6875rem;display:none}.step-indicator-vision{display:none}.cart-counter-vision{width:16px;height:16px;font-size:9px;top:-4px;right:-4px}.vision-board-container{padding:0}.toast{bottom:1rem;right:1rem;left:1rem;padding:.875rem 1rem;font-size:.875rem}}@media(max-width:480px){.vision-board-header{padding:.5rem .75rem;gap:.5rem}.back-btn-vision,.cart-btn-header-vision{width:30px;height:30px}.header-title-vision{font-size:.875rem;gap:.3rem}.header-emoji{font-size:.875rem}}@media(max-width:768px){.vision-board-header.hide-on-mobile{display:none}}.toolbar-right .toolbar-btn{display:flex!important;flex-direction:row!important}button[data-tooltip-id=exit-reposition-tooltip]{display:flex;flex-direction:row!important}