.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}.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}.vb-header-bar{position:absolute;top:0;left:0;right:0;z-index:200;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s}.vb-header-bar.vb-header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.vb-hamburger{position:absolute;top:18px;left:20px;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;height:42px;padding:0;border-radius:10px;border:1px solid rgba(15,15,20,.12);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#1e293b;cursor:pointer;opacity:0;pointer-events:none;transform:scale(.9);transition:opacity .35s ease,transform .35s ease,background .2s ease,border-color .2s ease;box-shadow:0 4px 14px #0f0f141f}.vb-hamburger.visible{opacity:1;pointer-events:auto;transform:scale(1)}.vb-hamburger span{display:block;width:18px;height:1.5px;background:currentColor;border-radius:1px}.vb-hamburger:hover{background:#fff;border-color:#0f0f1438}.vb-hamburger:focus-visible{outline:2px solid #18181b;outline-offset:3px}.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}.vb-cart-btn{position:absolute;top:18px;right:20px;z-index:300;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid rgba(15,15,20,.12);background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#1e293b;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;box-shadow:0 4px 14px #0f0f141f}.vb-cart-btn:hover{background:#fff;border-color:#0f0f1438;transform:translateY(-1px)}.vb-cart-btn:focus-visible{outline:2px solid #18181b;outline-offset:3px}.vb-cart-counter{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;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;min-height:0;overflow:hidden;position:relative}.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}