@media (max-width:600px){.hide-on-mobile{display:none!important}.fullscreen-slider .playback-button,.fullscreen-slider .playback-button.speed-button,.playback-button,.playback-button.speed-button{font-size:16px;font-size:var(--font-size-large)}}.loader-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#000;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hover-preview{background:#fffffff2;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 24px #00000026;left:0;padding:8px;pointer-events:none;position:fixed;top:0;transform:translate(0);transform:translate(var(--hover-x,0),var(--hover-y,0));width:min(416px,calc(100vw - 16px));z-index:9999}.hover-preview img{display:block;height:auto;width:100%}:root{--primary-color:#ffb004;--primary-light:#ffc233;--primary-dim:#ffd466;--primary-very-light:#ffe699;--primary-dark:#e69e03;--highlight-primary:#ffb004;--highlight-secondary:#e69e03;--color-0:#f4809e;--color-1:#e3acca;--color-2:#ffb194;--color-3:#9cd199;--color-4:#6bb7c2;--color-5:#8fa6ca;--text-color:#111;--secondary-text:#666;--border-color:#fff;--bg-color:#eee;--light-bg-color:#f9f9f9;--card-bg:#fff;--hover-bg:#f0f4f8;--success-color:#4caf50;--border-radius:0px;--shadow:0 2px 8px #0000;--transition:all 0.2s ease;--font-size-small:12px;--font-size-normal:14px;--font-size-large:16px;--font-size-xlarge:24px;--sidebar-width:320px}body{font-family:Lato,Roboto,Arial,sans-serif;font-size:14px;font-size:var(--font-size-normal);margin:0}body,html{overflow-x:hidden}.sidebar{background-color:#eee;background-color:var(--bg-color);border-right:1px solid #fff;border-right:1px solid var(--border-color);color:#111;color:var(--text-color);display:flex;flex-direction:column;margin:0;overflow-y:overlay;padding:10px;width:320px;width:var(--sidebar-width)}.card{background-color:#fff;background-color:var(--card-bg);border:1px solid #fff;border:1px solid var(--border-color);border-radius:0;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000;box-shadow:var(--shadow);margin:12px 0;padding:16px;transition:all .2s ease;transition:var(--transition)}.logo-card{align-items:center;background-color:initial;border:none;box-shadow:none;display:flex;justify-content:flex-start;padding:20px}.logo-image{height:auto;max-height:60px;max-width:100%;object-fit:contain}.card-title{border-bottom:1px solid #fff;border-bottom:1px solid var(--border-color);color:#111;color:var(--text-color);font-size:16px;font-size:var(--font-size-large);font-weight:600;margin-bottom:12px;margin-top:0}.input-form-container{display:flex;flex-direction:row;gap:0}.input-form-grid{grid-row-gap:8px;grid-column-gap:4px;align-items:center;column-gap:4px;display:grid;flex:1 1;grid-template-columns:auto auto 1fr;row-gap:8px}.input-unit-label{color:#666;color:var(--secondary-text);font-size:14px;font-size:var(--font-size-normal);justify-self:start}.input-form-button-column{display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-end;margin-left:auto}.confirm-dims-btn{align-items:center;background:#f9f9f9;background:var(--light-bg-color);border:2px solid #ddd;border-radius:4px;color:#ccc;cursor:not-allowed;display:flex;font-size:12px;font-size:var(--font-size-small);font-weight:500;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.confirm-dims-btn.has-changes{background:#ffb004;background:var(--primary-color);border-color:#ffb004;border-color:var(--primary-color);color:#fff;cursor:pointer}.confirm-dims-btn.has-changes:hover{background:#e69e03;background:var(--primary-dark);border-color:#e69e03;border-color:var(--primary-dark);transform:scale(1.05)}.confirm-dims-btn.has-changes:active{transform:scale(.95)}.btn{border:none;border-radius:0;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:14px;font-size:var(--font-size-normal);font-weight:500;padding:8px 16px;text-align:center;transition:all .2s ease;transition:var(--transition)}.visualization-options-mobile{display:flex;flex-direction:column;gap:12px}.toggle-container{align-items:center;display:flex;flex-direction:row}.toggle-container+.toggle-container{margin-top:12px}.toggle-switch{display:inline-block;height:20px;margin-right:10px;position:relative;vertical-align:middle;width:38px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;top:2px;width:16px}input:checked+.slider{background-color:#ffb004;background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(18px)}.slider-inch{background-color:#ffd466;background-color:var(--primary-dim);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.slider-inch:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}input:checked+.slider-inch{background-color:#ffd466;background-color:var(--primary-dim)}input:checked+.slider-inch:before{transform:translateX(30px)}.toggle-label{font-size:14px;font-size:var(--font-size-normal);z-index:999}.toggle-label-cm{left:22px}.toggle-label-cm,.toggle-label-in{bottom:2px;color:#fff;cursor:pointer;font-size:14px;font-size:var(--font-size-normal);position:absolute;z-index:999}.toggle-label-in{left:12px}.unit-selector{margin-left:1em;position:relative}.unit-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#374151;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;height:25px;line-height:21px;margin:0;padding:0!important;text-align:center;text-align-last:center;transition:all .2s ease;vertical-align:middle;width:50px}.unit-dropdown:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.unit-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}@media (prefers-color-scheme:dark){.unit-dropdown{background:#374151;border-color:#4b5563;color:#f9fafb}.unit-dropdown:focus,.unit-dropdown:hover{border-color:#60a5fa}}.app-container{display:flex;height:100vh}.main-content{background-color:#fff;flex:1 1;position:relative}.text-center{text-align:center}.mt-10{margin-top:10px}.mb-10{margin-bottom:10px}.flex{display:flex}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.items-center{align-items:center}.space-between{justify-content:space-between}.badge{background-color:#ffb004;background-color:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-size:12px;font-size:var(--font-size-small);font-weight:500;margin-left:6px;padding:2px 6px}.input-form-label{color:#111;color:var(--text-color);font-weight:500;text-align:cent;width:60px}.input-form-label,.number-input{font-size:14px;font-size:var(--font-size-normal)}.number-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background-color:#f9f9f9;background-color:var(--light-bg-color);border:1px solid #fff;border:1px solid var(--border-color);border-radius:0;border-radius:var(--border-radius);padding:6px 8px;text-align:center;transition:border-color .2s;width:80px}.number-input:hover{border-color:#ffc233;border-color:var(--primary-light)}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input:focus{border-color:#ffb004;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6fa533;outline:none}.card,.option-card{background-color:#fff;background-color:var(--card-bg);padding:12px}.option-card{margin-bottom:0;margin-top:10px}.card{margin-bottom:10px;margin-top:0}.option-card{background-color:#fff;border:2px solid #ddd;cursor:pointer}.option-card:hover{box-shadow:0 4px 12px #00000026}.option-card[data-selected=True],.option-card[data-selected=true]{background-color:#fff;border:2px solid #000!important}.option-card[data-selected=False],.option-card[data-selected=false]{border:2px solid #ddd!important}.option-label{font-size:12px;font-size:var(--font-size-small)}.option-label-Price{background-color:#ffb004}.option-label-Balanced,.option-label-Boards,.option-label-Volume{background-color:#ffb00480}.option-value{color:#666;color:var(--secondary-text)}.component-table{border-collapse:collapse;margin-top:0;width:100%}.component-table td,.component-table th{border-bottom:1px solid #eee;padding:8px 2px;text-align:left;vertical-align:middle}.component-table th{color:#555;font-size:.9em;font-weight:700}.component-table-cell{color:#666;font-size:.9em}.component-table-image-cell{align-items:center;display:flex}.component-color-bar{display:inline-block;height:30px;width:5px}.component-image{background-color:#e5e5e5;display:block;height:30px;object-fit:contain;width:30px}.color-bar-col{padding:4px 0;width:8px}.thumbnail-col{padding:4px;width:30px}.part-name-col{text-align:left;width:auto}.quantity-col{text-align:left;width:40px}.cost-col{text-align:left;width:60px}.unit-price-col{display:none}@media print{.unit-price-col{display:table-cell!important}}.slider-container{align-items:center;display:flex;height:100%;width:100%}.progress-checkpoint{transition:all .2s ease}.progress-checkpoint:hover{background-color:#ffb004!important;box-shadow:0 0 8px #ffb00499}.progress-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;flex:1.0 1;height:6px;margin-right:10px;outline:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a80f5;border-radius:50%;cursor:pointer;height:16px;position:relative;width:16px;z-index:10}.progress-slider::-moz-range-thumb{background:#4a80f5;border:none;border-radius:50%;cursor:pointer;height:16px;position:relative;width:16px;z-index:10}.slider-value{font-size:14px;font-weight:500;min-width:40px;text-align:right}.fullscreen-slider{align-items:center!important;background:#0003;border:none;border-radius:8px;bottom:20px;display:flex!important;flex-direction:row!important;gap:15px;left:20px;max-width:none!important;padding:6px 16px!important;position:absolute!important;right:20px;transition:background .3s ease;width:auto!important;z-index:9999}.fullscreen-slider:hover{background:#0009}.fullscreen-slider:active,.fullscreen-slider:has(.progress-slider:active){background:#0009}.fullscreen-slider .card-title{display:none}.fullscreen-slider .slider-container{align-items:center;display:flex;flex-direction:row;gap:10px;width:100%}.fullscreen-slider .progress-slider{background:#ffffff4d;border-radius:3px;flex:1 1;height:6px;margin:0;width:100%}.fullscreen-slider .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffd70099;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.fullscreen-slider .progress-slider::-webkit-slider-thumb:hover{background:#ffb004;background:var(--highlight-primary);transform:scale(1.2)}.fullscreen-slider .progress-slider::-webkit-slider-thumb:active{background:#ffb004;background:var(--highlight-primary)}.fullscreen-slider .progress-slider::-moz-range-thumb{background:#ffd70099;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.fullscreen-slider .progress-slider::-moz-range-thumb:hover{background:#ffb004;background:var(--highlight-primary);transform:scale(1.2)}.fullscreen-slider .progress-slider::-moz-range-thumb:active{background:#ffb004;background:var(--highlight-primary)}.toggle-fullscreen-btn{box-shadow:none;font-size:20px;padding:5.88px 5.88px 0}.toggle-fullscreen-btn:hover{background-color:#f0f4f8;background-color:var(--hover-bg);cursor:pointer}.fullscreen-slider .toggle-fullscreen-btn{margin-left:10px}.fullscreen-slider .slider-value{color:#fff;font-size:14px;font-weight:500;margin:0;min-width:40px;text-align:right}.playback-controls{align-items:center;display:flex;gap:2px;margin-right:0}.orientation-toggle-button{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:none;font-size:16px;font-size:var(--font-size-large);justify-content:center;min-width:0;padding:0;transition:all .2s ease}.orientation-toggle-button:hover{color:#fff;transform:scale(1.1)}.orientation-toggle-button:active{transform:scale(.95)}.playback-button{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:24px;font-size:var(--font-size-xlarge);justify-content:center;min-width:0;padding:0;transition:all .2s ease}.playback-button:hover{color:#fff;transform:scale(1.1)}.playback-button:active{transform:scale(.95)}.playback-button.speed-button{font-family:Lato,Roboto,Arial,sans-serif;font-size:16px;font-size:var(--font-size-large)}.fullscreen-slider .playback-button{color:#fffc}.fullscreen-slider .playback-button:hover{color:#fff}.fullscreen-slider .playback-button.speed-button{font-size:16px;font-size:var(--font-size-large)}.vertical-slider{align-items:center!important;background:#ffffffb3;border:none;border-radius:10px;display:flex!important;flex-direction:column!important;height:90%!important;justify-content:center!important;max-height:calc(100% - 40px)!important;padding:0!important;position:absolute!important;right:12px;top:50%;transform:translateY(-50%);width:50px!important;z-index:9999}.vertical-slider .card-title{display:none}.vertical-slider .slider-container{align-items:center!important;flex-direction:column!important;height:100%!important;justify-content:center!important;width:100%!important}.vertical-slider .progress-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;flex:none!important;height:93%!important;margin:0!important;padding:0!important;width:6px!important;writing-mode:bt-lr}.vertical-slider .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a80f5;border-radius:50%;cursor:pointer;height:16px;width:16px}.vertical-slider .progress-slider::-moz-range-thumb{background:#4a80f5;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.vertical-slider .slider-value{flex:none!important;margin-bottom:0;margin-top:10px;text-align:center!important}.vertical-slider .toggle-fullscreen-btn{flex:none!important;margin-bottom:10px}@media (max-width:768px){:root{--sidebar-width:100%}body,html{margin:0;overflow-x:hidden;padding:0;position:relative;width:100%}#root,.app-container{max-width:100vw;overflow-x:hidden;width:100%}.app-container{box-sizing:border-box;flex-direction:column}.orientation-toggle-button{display:flex!important}.sidebar{border-right:none;border-top:1px solid #fff;border-top:1px solid var(--border-color);height:auto;max-height:50vh;order:2;overflow-x:hidden;overflow-y:auto;padding:8px}.main-content,.sidebar{box-sizing:border-box;max-width:100vw;width:100%}.main-content{height:50vh;order:1;overflow:hidden}.card{margin:6px 0;max-width:100%;padding:10px;touch-action:manipulation;width:100%}.card,.card-title{box-sizing:border-box}.card-title{font-size:14px;margin-bottom:8px;padding-bottom:4px}.input-form-container{align-items:stretch;flex-direction:row;max-width:100%;width:100%}.input-form-container,.input-form-grid{box-sizing:border-box;display:flex;gap:6px}.input-form-grid{align-items:center;flex:1 1;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.input-form-grid .input-unit-label{display:none}.input-form-button-column{align-items:stretch;display:flex}.confirm-dims-btn{font-size:12px;font-size:var(--font-size-small);height:100%;padding:4px 8px}.input-form-label{flex-shrink:0;margin-left:0;white-space:nowrap;width:auto}.input-form-label,.number-input{box-sizing:border-box;font-size:12px;font-size:var(--font-size-small);margin-right:4px}.number-input{flex:1 1;max-width:70px;min-width:50px;padding:4px 6px}.options-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:8px 0;scroll-snap-type:x mandatory;scrollbar-width:thin;width:100%}.options-container::-webkit-scrollbar{height:4px}.options-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.options-container::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.options-container::-webkit-scrollbar-thumb:hover{background:#555}.option-card{background-color:#fff;border:2px solid #ddd;box-sizing:border-box;cursor:pointer;flex:1 1;flex-shrink:0;margin:0;min-width:calc(50% - 4px);padding:8px;scroll-snap-align:start;touch-action:manipulation}.option-card[data-selected=True],.option-card[data-selected=true]{border:2px solid #000!important}.option-card[data-selected=False],.option-card[data-selected=false]{border:2px solid #ddd!important}.option-card:only-child{max-width:100%}.option-card:not(:only-child){max-width:calc(50% - 4px)}.option-card>div:first-child{box-sizing:border-box;margin-bottom:4px}.option-card>div:last-child{box-sizing:border-box;font-size:12px;font-size:var(--font-size-small);gap:2px 8px}.visualization-options-mobile{display:flex;flex-direction:row;gap:12px;justify-content:space-between}.visualization-options-mobile .toggle-container{align-items:center;flex:1 1;flex-direction:row;gap:0;margin:0}.visualization-options-mobile .toggle-container+.toggle-container{margin-top:0}.toggle-label{line-height:1.2;white-space:nowrap}.toggle-container{align-items:center;display:flex;gap:8px;justify-content:flex-start}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:3px;top:3px;width:18px}input:checked+.slider{background-color:#ffb004;background-color:var(--primary-color)}input:checked+.slider:before{transform:translateX(20px)}.toggle-label{-webkit-user-select:none;user-select:none}.component-table,.toggle-label{font-size:12px;font-size:var(--font-size-small)}.component-table{box-sizing:border-box;display:block;max-width:100%;overflow-x:auto;white-space:nowrap;width:100%}.component-table tbody,.component-table thead,.component-table tr{box-sizing:border-box;display:table;table-layout:fixed;width:100%}.component-table td,.component-table th{font-size:12px;font-size:var(--font-size-small);padding:6px 2px}.component-image{height:24px;margin-right:4px;width:24px}.component-color-bar{height:24px;width:4px}.unit-dropdown{font-size:12px;font-size:var(--font-size-small);height:22px;min-width:55px;padding:2px 1.5rem 2px .5rem}.fullscreen-slider{bottom:10px;left:2%;right:2%}.fullscreen-slider.mobile-vertical{background:#0003!important;bottom:auto!important;flex-direction:column!important;gap:4px!important;height:calc(100% - 121px)!important;justify-content:center!important;left:10px!important;max-height:calc(100% - 121px)!important;max-width:35px!important;padding:6px 8px!important;right:auto!important;top:56px!important;width:35px!important}.fullscreen-slider.mobile-vertical .orientation-toggle-button{font-size:30px!important;margin-bottom:4px;order:-1;transform:rotate(90deg)}.fullscreen-slider.mobile-vertical .slider-container{align-items:center!important;flex-direction:column!important;gap:2px!important;height:100%!important;justify-content:center!important;width:100%!important}.fullscreen-slider.mobile-vertical .playback-controls{display:none!important}.fullscreen-slider.mobile-vertical .progress-slider{-webkit-appearance:slider-vertical!important;appearance:slider-vertical!important;background:#ffffff4d!important;border-radius:3px!important;flex:1 1!important;height:100%!important;margin:0!important;width:6px!important;writing-mode:bt-lr!important}.fullscreen-slider.mobile-vertical .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffd70099;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.fullscreen-slider.mobile-vertical .progress-slider::-webkit-slider-thumb:hover{background:#ffb004;background:var(--highlight-primary);transform:scale(1.2)}.fullscreen-slider.mobile-vertical .progress-slider::-webkit-slider-thumb:active{background:#ffb004;background:var(--highlight-primary)}.fullscreen-slider.mobile-vertical .progress-slider::-moz-range-thumb{background:#ffd70099;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.fullscreen-slider.mobile-vertical .progress-slider::-moz-range-thumb:hover{background:#ffb004;background:var(--highlight-primary);transform:scale(1.2)}.fullscreen-slider.mobile-vertical .progress-slider::-moz-range-thumb:active{background:#ffb004;background:var(--highlight-primary)}.fullscreen-slider.mobile-vertical .slider-value{display:none!important}.fullscreen-slider.mobile-vertical .progress-checkpoint,.fullscreen-slider.mobile-vertical~* .progress-checkpoint{background-color:#0003!important;height:9px;left:-1.8px;width:9px}.fullscreen-slider.mobile-vertical .progress-checkpoint:hover,.fullscreen-slider.mobile-vertical~* .progress-checkpoint:hover{background-color:#0009!important;box-shadow:0 0 8px #0006!important}.mobile-vertical-controls{display:none}@media (max-width:768px){.fullscreen-slider.mobile-vertical~.mobile-vertical-controls{align-items:center!important;background:#0003!important;border-radius:8px!important;bottom:10px!important;display:flex!important;flex-direction:row!important;gap:6px!important;left:10px!important;padding:6px 8px!important;position:absolute!important;z-index:9999!important}.fullscreen-slider.mobile-vertical~.mobile-vertical-controls:hover{background:#0009!important}.fullscreen-slider.mobile-vertical~.mobile-vertical-controls .playback-button{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;font-size:30px!important;justify-content:center;min-width:0;padding:0;transition:all .2s ease}.fullscreen-slider.mobile-vertical~.mobile-vertical-controls .playback-button:hover{color:#fff;transform:scale(1.1)}.fullscreen-slider.mobile-vertical~.mobile-vertical-controls .playback-button:active{transform:scale(.95)}.fullscreen-slider.mobile-vertical~.mobile-vertical-controls .playback-button.speed-button{font-family:Lato,Roboto,Arial,sans-serif;font-size:18px!important}}.fullscreen-slider.mobile-horizontal{bottom:10px!important;flex-direction:row!important;gap:6px!important;height:35px!important;left:2%!important;max-height:35px!important;max-width:none!important;padding:4px 8px!important;right:2%!important;top:auto!important;transform:none!important;width:auto!important}.fullscreen-slider.mobile-horizontal .orientation-toggle-button{display:flex!important;font-size:30px!important;margin-left:0;order:100}.fullscreen-slider.mobile-horizontal .slider-container{flex-direction:row!important;gap:6px!important;height:auto!important;width:100%!important}.fullscreen-slider.mobile-horizontal .playback-controls{flex-direction:row!important;gap:4px!important;margin-right:6px!important}.fullscreen-slider.mobile-horizontal .playback-button{font-size:30px!important}.fullscreen-slider.mobile-horizontal .playback-button.speed-button{font-size:18px!important}.fullscreen-slider.mobile-horizontal .progress-slider{-webkit-appearance:none!important;appearance:none!important;background:#ffffff4d!important;border-radius:3px!important;flex:1 1!important;height:6px!important;width:100%!important;writing-mode:horizontal-tb!important}.fullscreen-slider.mobile-horizontal .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffd70099;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.fullscreen-slider.mobile-horizontal .progress-slider::-webkit-slider-thumb:hover{background:#ffb004;background:var(--highlight-primary);transform:scale(1.2)}.fullscreen-slider.mobile-horizontal .progress-slider::-webkit-slider-thumb:active{background:#ffb004;background:var(--highlight-primary)}.fullscreen-slider.mobile-horizontal .progress-slider::-moz-range-thumb{background:#ffd70099;border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.fullscreen-slider.mobile-horizontal .progress-slider::-moz-range-thumb:hover{background:#ffb004;background:var(--highlight-primary);transform:scale(1.2)}.fullscreen-slider.mobile-horizontal .progress-slider::-moz-range-thumb:active{background:#ffb004;background:var(--highlight-primary)}.card-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.card-content.collapsed{margin:0;max-height:0;opacity:0;padding:0}.card-content.expanded{max-height:1000px;opacity:1}.collapsible-title{cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.collapsible-title:active{opacity:.7}}@media (min-width:769px){.visualization-options-mobile{display:flex;flex-direction:column;gap:0}.visualization-options-mobile .toggle-container{align-items:center;flex-direction:row;margin-bottom:12px}.visualization-options-mobile .toggle-container:last-child{margin-bottom:0}.toggle-label{font-size:14px;font-size:var(--font-size-normal)}}.filter-controls{display:flex;gap:8px;margin-bottom:12px}.filter-button{background-color:#f9f9f9;background-color:var(--light-bg-color);border:1px solid #fff;border:1px solid var(--border-color);border-radius:0;border-radius:var(--border-radius);color:#111;color:var(--text-color);cursor:pointer;font-size:12px;font-size:var(--font-size-small);padding:4px 8px;transition:all .2s ease;transition:var(--transition)}.filter-button:hover{background-color:#f0f4f8;background-color:var(--hover-bg);border-color:#ffc233;border-color:var(--primary-light)}.board-type-list{margin-bottom:12px}.board-type-item{margin-bottom:8px}.board-type-label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-normal);transition:all .2s ease;transition:var(--transition)}.board-type-label:hover{opacity:.8}.board-type-checkbox{cursor:pointer;margin-right:8px}.board-color-indicator{border:1px solid #ccc;border-radius:2px;flex-shrink:0;height:12px;margin-right:8px;width:12px}.board-type-info{align-items:center;display:flex;gap:8px}.board-type-name{color:#111;color:var(--text-color);font-weight:600}.board-type-price{font-size:14px;font-size:var(--font-size-normal)}.board-type-price,.filter-summary{color:#666;color:var(--secondary-text)}.filter-summary{font-size:12px;font-size:var(--font-size-small);font-style:italic;margin-top:12px}.collapsible-title{align-items:center;border-radius:0;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;margin:-2px -4px;padding:2px 4px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.collapsible-title:hover{background-color:#f0f4f8;background-color:var(--hover-bg)}.collapse-icon{align-items:center;color:#666;color:var(--secondary-text);display:inline-flex;flex-shrink:0;font-size:16px;line-height:1;margin-left:8px}.board-type-label.required{cursor:not-allowed;opacity:.6}.board-type-label.required .board-type-checkbox{cursor:not-allowed}.required-indicator{color:#666;color:var(--secondary-text);font-size:12px;font-size:var(--font-size-small);font-style:italic;font-weight:400}.help-button{align-items:center;background:#00000026;border:none;border-radius:50%;bottom:8px;color:#0000004d;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:fixed;right:8px;transition:all .2s ease;width:24px;z-index:9998}.help-button:hover{background:#0006;color:#fff}.help-button:hover:after{background:#000000b3;border-radius:4px;color:#fff;content:"Show Tutorial";font-size:11px;font-weight:400;padding:4px 8px;position:absolute;right:32px;white-space:nowrap}@media (max-width:768px){.help-button{bottom:6px;font-size:12px;height:22px;right:6px;width:22px}.help-button:hover:after{right:28px}}.floating-controls{bottom:80px;display:flex;flex-direction:column;gap:12px;position:absolute;right:20px;z-index:1000}.floating-button-wrapper{align-items:center;display:flex;justify-content:flex-end;position:relative}.floating-button-label{background:#000c;border-radius:6px;color:#fff;font-size:14px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:66px;transition:all .3s ease;visibility:hidden;white-space:nowrap}.floating-button-wrapper:hover .floating-button-label{opacity:1;right:70px;visibility:visible}.floating-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#666;cursor:pointer;display:flex;height:56px;justify-content:center;opacity:.5;transition:all .3s ease;width:56px}.floating-button:hover{background:#fff;box-shadow:0 6px 16px #0003;opacity:.9;transform:translateY(-2px)}.floating-button.active{background:#ffb004;box-shadow:0 6px 20px #ffb00466;color:#fff;opacity:.5}.floating-button.active:hover{background:#e69e03;box-shadow:0 8px 24px #ffb00480;opacity:.9}.floating-button svg{height:24px;width:24px}@media (max-width:768px){.floating-controls{bottom:70px;right:15px}.floating-button{height:48px;width:48px}.floating-button svg{height:20px;width:20px}}.tutorial-overlay-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:10000}.tutorial-highlight-mask{background:#00000080;border-radius:4px;box-shadow:0 0 0 9999px #00000080}.tutorial-highlight-mask,.tutorial-popup{pointer-events:auto;position:absolute;transition:all .3s ease}.tutorial-popup{animation:fadeIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;padding:20px;width:300px;z-index:10001}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-arrow{background:#fff;height:12px;position:absolute;transform:rotate(45deg);width:12px}.tutorial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tutorial-title{color:#333;font-size:16px;font-weight:700}.tutorial-step-counter{background:#f0f0f0;border-radius:10px;color:#888;font-size:12px;padding:2px 6px}.tutorial-content{color:#555;font-size:14px;line-height:1.5;margin-bottom:20px}.tutorial-footer{align-items:center;display:flex;justify-content:space-between}.tutorial-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:12px}.tutorial-checkbox input{margin-right:6px}.tutorial-buttons{display:flex;gap:8px}.tutorial-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.tutorial-btn-secondary{background:#f0f0f0;color:#666}.tutorial-btn-secondary:hover{background:#e0e0e0}.tutorial-btn-primary{background:#ffb004;color:#fff;font-weight:700}.tutorial-btn-primary:hover{background:#e59e00}@media (max-width:767px){.tutorial-popup{max-width:calc(100vw - 40px);padding:16px;width:auto}.tutorial-footer{align-items:stretch;flex-direction:column;gap:12px}.tutorial-buttons,.tutorial-checkbox{justify-content:center}.tutorial-content{font-size:13px;margin-bottom:16px}.tutorial-title{font-size:15px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.457f2a8e.css.map*/