@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--sbc-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--sbc-bg: #f5f5f7;--sbc-surface: #ffffff;--sbc-surface-elevated: rgba(255, 255, 255, .72);--sbc-text-primary: #1d1d1f;--sbc-text-secondary: #86868b;--sbc-text-tertiary: #aeaeb2;--sbc-border: rgba(0, 0, 0, .06);--sbc-separator: rgba(0, 0, 0, .08);--sbc-accent: #007aff;--sbc-accent-hover: #0063d1;--sbc-accent-light: rgba(0, 122, 255, .08);--sbc-accent-glow: rgba(0, 122, 255, .25);--sbc-error: #ff3b30;--sbc-success: #34c759;--sbc-warning: #ff9f0a;--sbc-space-1: 4px;--sbc-space-2: 8px;--sbc-space-3: 12px;--sbc-space-4: 16px;--sbc-space-5: 20px;--sbc-space-6: 24px;--sbc-space-8: 32px;--sbc-space-10: 40px;--sbc-radius-sm: 8px;--sbc-radius-md: 12px;--sbc-radius-lg: 16px;--sbc-radius-xl: 20px;--sbc-radius-full: 999px;--sbc-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--sbc-shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--sbc-shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--sbc-shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--sbc-ease: cubic-bezier(.25, .46, .45, .94);--sbc-spring: cubic-bezier(.34, 1.56, .64, 1);--sbc-duration-fast: .15s;--sbc-duration: .25s;--sbc-duration-slow: .4s;--sbc-sidebar-width: 280px}.shopify-section:has(.sbc),.shopify-section--shadow-board-configurator{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.sbc *,.sbc *:before,.sbc *:after{box-sizing:border-box;margin:0;padding:0}.sbc{display:flex!important;width:100%!important;min-height:600px;height:calc(100vh - 200px);max-height:900px;font-family:var(--sbc-font);font-size:14px;line-height:1.5;color:var(--sbc-text-primary);background:var(--sbc-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;border-radius:var(--sbc-radius-lg);box-shadow:var(--sbc-shadow-lg)}.sbc-sidebar{width:var(--sbc-sidebar-width);height:100%;flex-shrink:0;display:flex;flex-direction:column;background:var(--sbc-surface-elevated);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-right:1px solid var(--sbc-border);z-index:20;transition:transform var(--sbc-duration-slow) var(--sbc-ease);overflow-y:auto}.sbc-sidebar__inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sbc-space-6) var(--sbc-space-5);display:flex;flex-direction:column;gap:var(--sbc-space-2)}.sbc-sidebar__inner::-webkit-scrollbar{width:6px}.sbc-sidebar__inner::-webkit-scrollbar-track{background:transparent}.sbc-sidebar__inner::-webkit-scrollbar-thumb{background:var(--sbc-text-tertiary);border-radius:3px}.sbc-sidebar__header{padding-bottom:var(--sbc-space-6);border-bottom:1px solid var(--sbc-separator);margin-bottom:var(--sbc-space-4)}.sbc-sidebar__title{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--sbc-text-primary)}.sbc-sidebar__subtitle{font-size:13px;font-weight:400;color:var(--sbc-text-secondary);margin-top:var(--sbc-space-1)}.sbc-panel{border-radius:var(--sbc-radius-md)}.sbc-panel__toggle{display:flex;align-items:center;gap:var(--sbc-space-3);width:100%;padding:var(--sbc-space-3) var(--sbc-space-3);border:none;border-radius:var(--sbc-radius-sm);background:transparent;color:var(--sbc-text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--sbc-duration-fast) var(--sbc-ease);text-align:left}.sbc-panel__toggle:hover{background:var(--sbc-accent-light)}.sbc-panel__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--sbc-radius-sm);background:var(--sbc-accent-light);color:var(--sbc-accent);flex-shrink:0}.sbc-panel__chevron{margin-left:auto;color:var(--sbc-text-tertiary);transition:transform var(--sbc-duration) var(--sbc-ease);display:flex}.sbc-panel__toggle[aria-expanded=false] .sbc-panel__chevron{transform:rotate(-90deg)}.sbc-panel__body{overflow:hidden;max-height:0;opacity:0;padding:0 var(--sbc-space-3);transition:max-height var(--sbc-duration-slow) var(--sbc-ease),opacity var(--sbc-duration) var(--sbc-ease),padding var(--sbc-duration-slow) var(--sbc-ease)}.sbc-panel__body--open{max-height:600px;opacity:1;padding:var(--sbc-space-3)}.sbc-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sbc-space-2)}.sbc-tool-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:var(--sbc-space-2);border-radius:var(--sbc-radius-md);background:var(--sbc-bg);border:1.5px solid transparent;cursor:grab;transition:all var(--sbc-duration) var(--sbc-ease);position:relative;overflow:hidden;touch-action:pan-y}.sbc-tool-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:var(--sbc-accent-light);transition:opacity var(--sbc-duration-fast)}.sbc-tool-item:hover{border-color:var(--sbc-accent);transform:scale(1.04);box-shadow:var(--sbc-shadow-md)}.sbc-tool-item:hover:after{opacity:1}.sbc-tool-item:active{cursor:grabbing;transform:scale(.97)}.sbc-tool-item img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;position:relative;z-index:1}.sbc-action-btn{display:flex;align-items:center;gap:var(--sbc-space-3);width:100%;padding:var(--sbc-space-3) var(--sbc-space-4);border:1.5px solid var(--sbc-separator);border-radius:var(--sbc-radius-md);background:var(--sbc-surface);color:var(--sbc-text-primary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--sbc-duration) var(--sbc-ease);margin-bottom:var(--sbc-space-2)}.sbc-action-btn:last-child{margin-bottom:0}.sbc-action-btn svg{color:var(--sbc-text-secondary);flex-shrink:0;transition:color var(--sbc-duration-fast)}.sbc-action-btn:hover{border-color:var(--sbc-accent);background:var(--sbc-accent-light);box-shadow:var(--sbc-shadow-sm)}.sbc-action-btn:hover svg{color:var(--sbc-accent)}.sbc-action-btn:active{transform:scale(.98)}.sbc-action-btn--danger{border-color:#ff3b3026}.sbc-action-btn--danger:hover{border-color:var(--sbc-error);background:#ff3b300f}.sbc-action-btn--danger:hover svg{color:var(--sbc-error)}.sbc-property-group{margin-bottom:var(--sbc-space-4)}.sbc-label{display:block;font-size:12px;font-weight:600;color:var(--sbc-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sbc-space-2)}.sbc-color-picker{display:flex;gap:var(--sbc-space-2)}.sbc-color-swatch{width:32px;height:32px;border-radius:var(--sbc-radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--sbc-duration-fast) var(--sbc-ease);position:relative}.sbc-color-swatch:hover{transform:scale(1.1)}.sbc-color-swatch--active{border-color:var(--sbc-accent);box-shadow:0 0 0 3px var(--sbc-accent-glow)}.sbc-main{flex:1 1 0%;display:flex;flex-direction:column;min-width:0;height:100%;width:calc(100% - var(--sbc-sidebar-width))}.sbc-canvas-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sbc-space-8);position:relative;overflow:hidden;min-height:400px;background:var(--sbc-bg)}.sbc-canvas-stage .canvas-container{border-radius:var(--sbc-radius-lg)!important;box-shadow:var(--sbc-shadow-xl);overflow:hidden}#shadow-board-canvas{display:block}.sbc-bottombar{display:flex;align-items:center;gap:var(--sbc-space-3);padding:var(--sbc-space-4) var(--sbc-space-6);background:var(--sbc-surface-elevated);backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);border-top:1px solid var(--sbc-border)}.sbc-bottombar__spacer{flex:1}.sbc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sbc-space-2);padding:var(--sbc-space-3) var(--sbc-space-5);border:none;border-radius:var(--sbc-radius-full);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--sbc-duration) var(--sbc-ease);white-space:nowrap;user-select:none;-webkit-user-select:none}.sbc-btn:active:not(:disabled){transform:scale(.97)}.sbc-btn--ghost{background:transparent;color:var(--sbc-text-secondary)}.sbc-btn--ghost:hover{background:#0000000a;color:var(--sbc-text-primary)}.sbc-btn--primary{background:var(--sbc-accent);color:#fff;padding:var(--sbc-space-3) var(--sbc-space-8);font-size:15px;min-width:120px;max-width:100%}.sbc-btn--primary:hover:not(:disabled){background:var(--sbc-accent-hover);box-shadow:0 4px 16px var(--sbc-accent-glow);transform:translateY(-1px)}.sbc-btn--primary:disabled{opacity:.35;cursor:not-allowed}.sbc-btn__spinner{display:inline-flex;animation:sbc-fade-in var(--sbc-duration) var(--sbc-ease)}.sbc-toast-container{position:fixed;bottom:var(--sbc-space-8);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:var(--sbc-space-2);pointer-events:none}.sbc-toast{padding:var(--sbc-space-3) var(--sbc-space-5);border-radius:var(--sbc-radius-full);background:var(--sbc-text-primary);color:var(--sbc-surface);font-size:13px;font-weight:500;box-shadow:var(--sbc-shadow-lg);pointer-events:auto;animation:sbc-toast-in var(--sbc-duration-slow) var(--sbc-spring);white-space:nowrap}.sbc-toast--success{background:var(--sbc-success);color:#fff}.sbc-toast--error{background:var(--sbc-error);color:#fff}.sbc-toast--exit{animation:sbc-toast-out var(--sbc-duration) var(--sbc-ease) forwards}.sbc-mobile-header{display:none}.sbc-mobile-toggle{display:none;position:fixed;top:var(--sbc-space-4);right:var(--sbc-space-4);z-index:30;width:44px;height:44px;border-radius:var(--sbc-radius-md);border:none;background:var(--sbc-surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--sbc-shadow-md);color:var(--sbc-text-primary);cursor:pointer;align-items:center;justify-content:center;transition:all var(--sbc-duration) var(--sbc-ease)}.sbc-mobile-toggle:active{transform:scale(.92)}.sbc-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sbc-space-3);color:var(--sbc-text-tertiary);pointer-events:none;z-index:2;animation:sbc-fade-in var(--sbc-duration-slow) var(--sbc-ease)}.sbc-empty-state p{font-size:14px;text-align:center;line-height:1.6;font-weight:500;color:var(--sbc-text-secondary)}.sbc-empty-state__hint{font-size:12px;color:var(--sbc-text-tertiary)}.sbc-canvas-stage--dragover .canvas-container{box-shadow:0 0 0 3px var(--sbc-accent),var(--sbc-shadow-xl)!important;transition:box-shadow var(--sbc-duration-fast) var(--sbc-ease)}.sbc-mockup-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none}.sbc-mockup-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0;opacity:0;transition:opacity var(--sbc-duration) var(--sbc-ease)}.sbc-mockup-bg--stand{opacity:0;width:calc(100% + 130px);height:calc(100% + 220px)}.sbc-mockup-bg--trolley{opacity:0;width:calc(100% + 150px);height:calc(100% + 250px)}.sbc-canvas-container{position:relative;z-index:1;box-shadow:0 4px 15px #0000001a;pointer-events:auto}.sbc-zoom-controls{position:absolute;bottom:var(--sbc-space-4);right:var(--sbc-space-4);display:flex;align-items:center;gap:2px;background:var(--sbc-surface-elevated);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-radius:var(--sbc-radius-md);box-shadow:var(--sbc-shadow-md);border:1px solid var(--sbc-border);padding:2px;z-index:5;animation:sbc-fade-in var(--sbc-duration) var(--sbc-ease)}.sbc-zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--sbc-text-secondary);border-radius:var(--sbc-radius-sm);cursor:pointer;transition:all var(--sbc-duration-fast) var(--sbc-ease)}.sbc-zoom-btn:hover{background:var(--sbc-accent-light);color:var(--sbc-accent)}.sbc-zoom-btn:active{transform:scale(.9)}.sbc-zoom-level{font-size:11px;font-weight:600;color:var(--sbc-text-secondary);min-width:38px;text-align:center;user-select:none;-webkit-user-select:none}.sbc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;animation:sbc-fade-in var(--sbc-duration-fast) var(--sbc-ease)}.sbc-modal{background:var(--sbc-surface);border-radius:var(--sbc-radius-xl);padding:var(--sbc-space-8);max-width:380px;width:90%;text-align:center;box-shadow:var(--sbc-shadow-xl);animation:sbc-modal-in var(--sbc-duration) var(--sbc-spring)}.sbc-modal__icon{width:56px;height:56px;border-radius:var(--sbc-radius-full);background:#ff3b3014;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sbc-space-4)}.sbc-modal__title{font-size:18px;font-weight:700;color:var(--sbc-text-primary);margin-bottom:var(--sbc-space-2)}.sbc-modal__desc{font-size:13px;color:var(--sbc-text-secondary);line-height:1.5;margin-bottom:var(--sbc-space-6)}.sbc-modal__actions{display:flex;gap:var(--sbc-space-3);justify-content:center}.sbc-btn--danger-fill{background:var(--sbc-error);color:#fff;border:none;padding:var(--sbc-space-3) var(--sbc-space-5);font-size:14px;font-weight:600;border-radius:var(--sbc-radius-full);cursor:pointer;transition:all var(--sbc-duration) var(--sbc-ease)}.sbc-btn--danger-fill:hover{background:#e0342a;box-shadow:0 4px 16px #ff3b304d;transform:translateY(-1px)}.sbc-btn--danger-fill:active{transform:scale(.97)}.sbc-object-counter{font-size:12px;font-weight:500;color:var(--sbc-text-tertiary);white-space:nowrap;user-select:none;-webkit-user-select:none}.sbc-object-counter:empty{display:none}.sbc-bottombar__group{display:flex;gap:2px;align-items:center}.sbc-btn--icon{padding:var(--sbc-space-2) var(--sbc-space-3);min-width:auto;gap:var(--sbc-space-1)}.sbc-btn--icon:disabled{opacity:.3;cursor:not-allowed}.sbc-kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:4px;background:var(--sbc-bg);border:1px solid var(--sbc-separator);font-family:inherit;font-size:10px;font-weight:500;color:var(--sbc-text-tertiary);line-height:1.4;margin-left:auto;flex-shrink:0}@media(hover:none)and (pointer:coarse){.sbc-kbd{display:none}}.sbc-tool-item__name{display:block;font-size:9px;font-weight:500;color:var(--sbc-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-top:2px;position:relative;z-index:1}.sbc-step--slide-forward{animation:sbc-slide-left var(--sbc-duration) var(--sbc-ease)}.sbc-step--slide-backward{animation:sbc-slide-right var(--sbc-duration) var(--sbc-ease)}@keyframes sbc-tool-added-pulse{0%{transform:scale(1)}50%{transform:scale(.88)}to{transform:scale(1)}}.sbc-tool-item--just-added{animation:sbc-tool-added-pulse .3s var(--sbc-ease)}@keyframes sbc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sbc-toast-in{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sbc-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}@keyframes sbc-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sbc-slide-left{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes sbc-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes sbc-modal-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sbc-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:15;opacity:0;transition:opacity var(--sbc-duration) var(--sbc-ease)}.sbc-overlay--visible{display:block;opacity:1}@media(max-width:768px){.sbc{flex-direction:column;min-height:auto;height:auto;max-height:none;border-radius:0;overflow:visible}.sbc-sidebar{position:fixed;right:0;left:auto;top:0;width:min(300px,85vw);max-width:100%;height:100%;height:100dvh;transform:translate(100%);box-shadow:-4px 0 24px #0000001f;z-index:25;padding-bottom:env(safe-area-inset-bottom,0);border-radius:var(--sbc-radius-xl) 0 0 var(--sbc-radius-xl);border-right:none}.sbc-sidebar--open{transform:translate(0)}.sbc-sidebar__inner{padding:var(--sbc-space-3) var(--sbc-space-3);padding-top:max(var(--sbc-space-4),env(safe-area-inset-top))}.sbc-sidebar__title{font-size:17px}.sbc-sidebar__subtitle{font-size:11px}.sbc-mobile-toggle{display:flex;top:max(var(--sbc-space-3),env(safe-area-inset-top));right:var(--sbc-space-3);width:44px;height:44px}.sbc-mobile-header{display:flex;align-items:center;gap:var(--sbc-space-2);padding:var(--sbc-space-3) var(--sbc-space-3);padding-top:max(var(--sbc-space-3),env(safe-area-inset-top));background:var(--sbc-surface-elevated);border-bottom:1px solid var(--sbc-border)}.sbc-mobile-header__step{font-size:11px;font-weight:700;color:var(--sbc-accent);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sbc-mobile-header__title{font-size:15px;font-weight:600;color:var(--sbc-text-primary)}.sbc-mobile-header__tools-btn{margin-left:auto;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--sbc-radius-full);border:1.5px solid var(--sbc-accent);background:var(--sbc-accent-light);color:var(--sbc-accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--sbc-duration) var(--sbc-ease)}.sbc-mobile-header__tools-btn:active{transform:scale(.95);background:var(--sbc-accent);color:#fff}.sbc-sidebar--inline{position:static!important;width:100%!important;height:auto!important;transform:none!important;border-radius:0!important;box-shadow:none!important;border-right:none!important;border-bottom:1px solid var(--sbc-border);z-index:auto!important}.sbc-sidebar--inline .sbc-sidebar__inner{padding:var(--sbc-space-3);max-height:none}.sbc-sidebar--inline .sbc-sidebar__header,.sbc-sidebar--inline .sbc-steps-indicator{display:none}.sbc-main{height:auto;min-height:auto;width:100%}.sbc-canvas-stage{padding:var(--sbc-space-2);padding-top:var(--sbc-space-2);min-height:auto;overflow:visible;align-items:center;justify-content:center}.sbc-canvas-stage .canvas-container{max-width:100%!important;touch-action:none;border-radius:var(--sbc-radius-md)!important}.sbc-bottombar{padding:var(--sbc-space-2) var(--sbc-space-3);padding-bottom:max(var(--sbc-space-2),env(safe-area-inset-bottom));gap:var(--sbc-space-2);flex-wrap:nowrap;justify-content:space-between}.sbc-bottombar__group{gap:var(--sbc-space-1)}.sbc-btn--primary{min-width:auto;min-height:40px;font-size:13px;padding:var(--sbc-space-2) var(--sbc-space-3);flex:1}.sbc-size-option,.sbc-action-btn,.sbc-category-toggle{min-height:44px;padding:var(--sbc-space-2) var(--sbc-space-3)}.sbc-tools-grid{grid-template-columns:repeat(3,1fr);gap:var(--sbc-space-2)}.sbc-tool-item{min-height:48px}.sbc-steps-indicator{padding:var(--sbc-space-2) var(--sbc-space-3);overflow-x:auto;-webkit-overflow-scrolling:touch}.sbc-step-dot__label{font-size:10px}.sbc-step-dot__num{width:26px;height:26px;font-size:12px}.sbc-empty-state{gap:var(--sbc-space-2)}.sbc-empty-state p{font-size:12px}.sbc-empty-state svg{width:32px;height:32px}.sbc-icon-btn{width:36px;height:36px}.sbc-kbd{display:none!important}.sbc-confirm-modal__box{max-width:90vw;margin:var(--sbc-space-4)}}@media(max-width:380px){.sbc-sidebar{width:100%}.sbc-tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){:root{--sbc-sidebar-width: 240px}.sbc-canvas-stage{padding:var(--sbc-space-5)}}@media(min-width:1400px){:root{--sbc-sidebar-width: 320px}}.sbc-canvas-stage .canvas-container canvas{outline:none}.sbc-steps-indicator{display:flex;align-items:flex-start;padding:var(--sbc-space-2) 0 var(--sbc-space-4);margin-bottom:var(--sbc-space-2);border-bottom:1px solid var(--sbc-separator)}.sbc-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto}.sbc-step-dot__num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--sbc-bg);color:var(--sbc-text-tertiary);border:2px solid var(--sbc-separator);transition:all var(--sbc-duration) var(--sbc-ease)}.sbc-step-dot--active .sbc-step-dot__num{background:var(--sbc-accent);color:#fff;border-color:var(--sbc-accent);box-shadow:0 2px 8px var(--sbc-accent-glow)}.sbc-step-dot--completed .sbc-step-dot__num{background:var(--sbc-success);color:#fff;border-color:var(--sbc-success)}.sbc-step-dot--completed{cursor:pointer}.sbc-step-dot--completed:hover .sbc-step-dot__num{transform:scale(1.1);box-shadow:0 2px 8px #34c7594d}.sbc-step-dot__label{font-size:10px;font-weight:600;color:var(--sbc-text-tertiary);transition:color var(--sbc-duration);text-transform:uppercase;letter-spacing:.03em}.sbc-step-dot--active .sbc-step-dot__label{color:var(--sbc-accent)}.sbc-step-dot--completed .sbc-step-dot__label{color:var(--sbc-success)}.sbc-step-dot__line{flex:1;height:2px;background:var(--sbc-separator);margin:0 var(--sbc-space-2);margin-top:14px;transition:background var(--sbc-duration)}.sbc-step-dot__line--completed{background:var(--sbc-success)}.sbc-step{display:none;flex-direction:column;gap:var(--sbc-space-4);animation:sbc-slide-up var(--sbc-duration) var(--sbc-ease)}.sbc-step--active{display:flex}.sbc-step__title{font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--sbc-text-primary)}.sbc-step__desc{font-size:13px;color:var(--sbc-text-secondary);margin-top:calc(-1 * var(--sbc-space-2))}.sbc-step__nav{display:flex;align-items:center;gap:var(--sbc-space-3);padding-top:var(--sbc-space-4);border-top:1px solid var(--sbc-separator);margin-top:var(--sbc-space-2)}.sbc-step__nav-spacer{flex:1}.sbc-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sbc-space-3)}.sbc-size-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sbc-space-5) var(--sbc-space-3);border:2px solid var(--sbc-separator);border-radius:var(--sbc-radius-md);background:var(--sbc-surface);cursor:pointer;transition:all var(--sbc-duration) var(--sbc-ease);font-family:inherit}.sbc-size-option:hover{border-color:var(--sbc-accent);background:var(--sbc-accent-light);transform:translateY(-2px);box-shadow:var(--sbc-shadow-md)}.sbc-size-option--selected{border-color:var(--sbc-accent)!important;background:var(--sbc-accent-light)!important;box-shadow:0 0 0 3px var(--sbc-accent-glow)}.sbc-size-option__dims{font-size:16px;font-weight:700;color:var(--sbc-text-primary)}.sbc-size-option__unit{font-size:12px;font-weight:500;color:var(--sbc-text-secondary)}.sbc-size-option__price{font-size:13px;font-weight:600;color:var(--sbc-accent);margin-top:4px}.sbc-size-option__price:empty{display:none}.sbc-board-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sbc-space-3)}.sbc-board-color-option{display:flex;flex-direction:column;align-items:center;gap:var(--sbc-space-2);padding:var(--sbc-space-3);border:2px solid transparent;border-radius:var(--sbc-radius-md);background:var(--sbc-surface);cursor:pointer;transition:all var(--sbc-duration) var(--sbc-ease);font-family:inherit}.sbc-board-color-option:hover{border-color:var(--sbc-text-tertiary);transform:translateY(-2px);box-shadow:var(--sbc-shadow-sm)}.sbc-board-color-option--selected{border-color:var(--sbc-accent)!important;box-shadow:0 0 0 3px var(--sbc-accent-glow)}.sbc-board-color-option__swatch{width:48px;height:48px;border-radius:var(--sbc-radius-full);display:block;transition:transform var(--sbc-duration) var(--sbc-ease)}.sbc-board-color-option:hover .sbc-board-color-option__swatch{transform:scale(1.1)}.sbc-board-color-option__name{font-size:12px;font-weight:500;color:var(--sbc-text-secondary)}.sbc-board-color-option__price{font-size:11px;font-weight:600;color:var(--sbc-accent)}.sbc-tools-loading{text-align:center;padding:var(--sbc-space-6) var(--sbc-space-3);color:var(--sbc-text-tertiary);font-size:13px}.sbc-category-panel{margin-bottom:var(--sbc-space-1);border-radius:var(--sbc-radius-sm)}.sbc-category-toggle{display:flex;align-items:center;gap:var(--sbc-space-2);width:100%;padding:var(--sbc-space-2) var(--sbc-space-3);border:none;border-radius:var(--sbc-radius-sm);background:transparent;color:var(--sbc-text-primary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--sbc-duration-fast) var(--sbc-ease);text-align:left}.sbc-category-toggle:hover{background:var(--sbc-accent-light)}.sbc-category-toggle__chevron{margin-left:auto;color:var(--sbc-text-tertiary);transition:transform var(--sbc-duration) var(--sbc-ease);display:flex;flex-shrink:0}.sbc-category-toggle[aria-expanded=false] .sbc-category-toggle__chevron{transform:rotate(-90deg)}.sbc-category-body{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--sbc-duration-slow) var(--sbc-ease),opacity var(--sbc-duration) var(--sbc-ease)}.sbc-category-body--open{max-height:1200px;opacity:1;padding:var(--sbc-space-2) 0}@media(max-width:768px){.sbc{display:flex!important;flex-direction:column!important;height:auto!important;min-height:auto!important;max-height:none!important;border-radius:0!important;overflow:visible!important}.sbc-main{order:1;position:relative;z-index:10;width:100%;margin-left:0;height:auto;min-height:auto;max-height:none;flex:0 0 auto;border-bottom:1px solid var(--sbc-border)}.sbc-canvas-stage{padding:var(--sbc-space-2);max-height:35vh;min-height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sbc-sidebar{order:2;position:static!important;width:100%!important;height:auto!important;flex:1 0 auto;transform:none!important;border-right:none;border-radius:0!important;box-shadow:none!important;z-index:10;background:var(--sbc-surface);overflow:visible!important}.sbc-sidebar__inner{padding:var(--sbc-space-3) var(--sbc-space-4);overflow:visible!important;height:auto!important;padding-bottom:80px}.sbc-mobile-toggle{display:none!important}.sbc-size-grid{grid-template-columns:1fr 1fr;gap:var(--sbc-space-2)}.sbc-board-color-grid{grid-template-columns:repeat(5,1fr);gap:var(--sbc-space-2)}.sbc-tools-grid{grid-template-columns:repeat(4,1fr);gap:var(--sbc-space-2)}.sbc-mobile-header{display:none!important}.sbc-bottombar{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--sbc-surface-elevated);border-top:1px solid var(--sbc-border);box-shadow:0 -2px 10px #00000014;padding:var(--sbc-space-2) var(--sbc-space-3);padding-bottom:max(var(--sbc-space-2),env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-start;gap:var(--sbc-space-2)}.sbc-bottombar>#btn-reset,.sbc-bottombar>.sbc-bottombar__group,.sbc-bottombar>#btn-save{flex:0 0 auto;margin:0}.sbc-bottombar>#btn-save{margin-left:auto;margin-right:0!important}.sbc-bottombar__spacer{display:none}.sbc-total-price{flex:1 1 40%;margin-right:var(--sbc-space-2)!important;text-align:left!important;display:flex;flex-direction:column;justify-content:center}.sbc-total-price span{display:block;white-space:nowrap}.sbc-bottombar>#btn-add-to-cart{flex:1 1 50%;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/shadow-board-configurator.css.map */