*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#fafafa;min-height:100vh;color:#2c2c2c;font-weight:400}.main-container{display:flex;max-width:1200px;margin:30px auto;gap:30px;padding:0 30px}.main-container:fullscreen{max-width:100vw;width:100vw;height:100vh;margin:0;padding:20px;background:#fafafa}.main-container:-webkit-full-screen{max-width:100vw;width:100vw;height:100vh;margin:0;padding:20px;background:#fafafa}.main-container:-moz-full-screen{max-width:100vw;width:100vw;height:100vh;margin:0;padding:20px;background:#fafafa}.main-container:-ms-fullscreen{max-width:100vw;width:100vw;height:100vh;margin:0;padding:20px;background:#fafafa}#drawing-area{flex:1;background:#fff;border:1px solid #E5E5E5;padding:25px;position:relative;display:flex;flex-direction:column;min-height:0;max-width:850px;margin:0 auto;transition:max-width .4s ease}#drawing-area.drawing-started{max-width:none}.canvas-header{display:none;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #E5E5E5;flex-wrap:wrap;gap:10px;flex-shrink:0}.canvas-header.visible{display:flex;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.canvas-title{font-size:16px;font-weight:400;color:#000}.export-menu-container{position:relative;display:inline-block}.export-menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9d9d9;cursor:pointer;transition:all .2s ease}.export-menu-btn:hover{background:#f5f5f5}.export-menu-btn svg{width:20px;height:20px}.export-menu-btn img{width:20px;height:20px;object-fit:contain;transition:opacity .2s ease}.export-menu-btn:hover img{opacity:.7}.export-menu-btn svg path,.export-menu-btn svg circle{transition:fill .2s ease,stroke .2s ease}.export-menu-btn:hover svg circle{fill:#2c2c2c}.export-menu-btn:hover svg path{stroke:#2c2c2c}.link-action-btn{height:40px;padding:0 16px;background:#fff;border:1px solid #d9d9d9;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#000}.link-action-btn:hover{background:#f5f5f5}.link-action-btn svg{width:24px;height:24px;display:block;flex-shrink:0}.link-action-btn img{width:24px;height:24px;display:block;object-fit:contain;flex-shrink:0}.link-action-btn:hover img{opacity:.7}.link-action-btn svg path{transition:stroke .2s ease}.link-action-btn:hover svg path{stroke:#2c2c2c}.link-action-btn-text{white-space:nowrap}.export-popup{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #d9d9d9;box-shadow:0 2px 2px #86868638;min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.export-popup.active{opacity:1;visibility:visible;transform:translateY(0)}.export-popup-item{padding:12px 16px;font-size:13px;font-weight:400;color:#2c2c2c;cursor:pointer;transition:background .2s ease;border-bottom:1px solid #F0F0F0;font-family:Montserrat,sans-serif}.export-popup-item:last-child{border-bottom:none}.export-popup-item:hover{background:#f5f5f5}.config-controls{display:flex;gap:15px;align-items:center}.config-row{background:#fff;display:flex;gap:30px;align-items:center;padding-bottom:10px;margin-top:-10px}.config-group{display:flex;flex-direction:column;gap:4px}.config-label{font-size:14px;color:#000;font-weight:400;display:flex;align-items:center;gap:4px}.config-status{color:#999;font-weight:400}.color-selector-container{display:flex;gap:10px;align-items:center}.color-option{display:flex;align-items:center;cursor:pointer;position:relative}.color-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.color-circle{width:24px;height:24px;border-radius:50%;display:inline-block;border:2px solid transparent;transition:all .2s ease;box-shadow:0 0 0 2px transparent}.color-option input[type=radio]:checked+.color-circle{box-shadow:0 0 0 2px #2c2c2c;border-color:#2c2c2c}.color-option:hover .color-circle{opacity:.8}.toggle-container{display:flex;align-items:center;gap:8px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s}.toggle-slider:hover{background-color:#b3b3b3}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s}input:checked+.toggle-slider{background-color:#2a7f62}input:checked+.toggle-slider:hover{background-color:#246b52}input:checked+.toggle-slider:before{transform:translate(20px)}.suspension-toggle{display:flex;gap:0;background:#fff;border:1px solid #E5E5E5;padding:4px}.suspension-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:#666;min-height:36px;max-width:fit-content}.suspension-btn:hover:not(.active){background:#f5f5f5}.suspension-btn.active{background:#2c2c2c;color:#fff}.suspension-btn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.suspension-btn-icon svg{width:20px;height:20px;stroke:currentColor}.suspension-btn-icon img{width:24px;height:24px;object-fit:contain}.suspension-btn.active .suspension-btn-icon img{filter:brightness(0) invert(1)}.suspension-btn-icon svg path,.suspension-btn-icon svg rect,.suspension-btn-icon svg line{stroke:#666}.suspension-btn.active .suspension-btn-icon svg path,.suspension-btn.active .suspension-btn-icon svg rect,.suspension-btn.active .suspension-btn-icon svg line{stroke:#fff}.suspension-btn span{display:inline-block}.toggle-label{font-size:11px;color:#000;font-weight:400;letter-spacing:.3px}#canvas-container{position:relative;background:#fff;border:1px solid #E5E5E5;display:flex;justify-content:center;align-items:center;width:100%;flex:1;min-height:0;margin:0}#threeD-container{display:none;width:100%;flex:1;min-height:600px;border:1px solid #E5E5E5;margin:0;position:relative;background:#fdfdfd}#trackCanvas{display:block;background:#fdfdfd;width:100%;height:100%;object-fit:contain}canvas{display:block;background:#fdfdfd}.view-toggle{display:flex;flex-direction:row;align-items:center;padding:5px;gap:5px;border:1px solid #d9d9d9;width:fit-content;height:50px;background:#fff}.view-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:5px;height:40px;background:transparent;border:none;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1);font-family:Montserrat,sans-serif;font-size:12px;line-height:15px;font-weight:400;color:#000;white-space:nowrap}.view-btn:hover:not(.active){background:#f5f5f5;box-shadow:inset 0 0 0 1px #d0d0d0}.view-btn.active{background:#272727;color:#ebebeb;font-weight:500}.view-btn-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.view-btn-icon svg{width:20px;height:20px}.view-btn-icon img{width:20px;height:20px;object-fit:contain;transition:filter .3s cubic-bezier(.4,0,.2,1)}.view-btn.active .view-btn-icon img{filter:brightness(0) invert(1)}.view-btn-icon svg path,.view-btn-icon svg rect,.view-btn-icon svg line{transition:stroke .3s cubic-bezier(.4,0,.2,1),fill .3s cubic-bezier(.4,0,.2,1)}.view-btn.active .view-btn-icon svg path,.view-btn.active .view-btn-icon svg rect,.view-btn.active .view-btn-icon svg line{stroke:#ebebeb}.view-btn:not(.active) .view-btn-icon svg path,.view-btn:not(.active) .view-btn-icon svg rect,.view-btn:not(.active) .view-btn-icon svg line{stroke:#000}.view-btn span{display:inline-block}.tool-switcher-container{margin-bottom:15px;margin-top:10px;display:flex;gap:15px;flex-wrap:wrap;align-items:center;flex-shrink:0}.tool-switcher{display:flex;flex-direction:row;align-items:center;padding:5px;gap:5px;border:1px solid #d9d9d9;width:-webkit-fill-available;height:50px;background:#fff;justify-content:space-around}.tool-switcher.hidden-3d,.secondary-controls.hidden-3d{display:none}.tool-tab{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;gap:5px;height:40px;background:transparent;border:none;cursor:pointer;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;font-family:Montserrat,sans-serif;font-size:14px;line-height:17px;font-weight:400;color:#000;position:relative;white-space:nowrap;width:-webkit-fill-available}.tool-tab span{display:inline-block}.tool-tab:hover:not(.active){background:#f5f5f5;box-shadow:inset 0 0 0 1px #d0d0d0}.tool-tab.active{background:#272727;color:#ebebeb;font-weight:400}.tool-tab.power-connected{background:#fffaf1;border:solid #ffe3ae 1px;color:#120e00;font-weight:400}.tool-tab.power-connected:hover{background:#fff5e1;border:solid #ffd97d 1px;color:#a66406}.tool-tab.power-connected .tool-tab-icon img{filter:brightness(0) saturate(100%) invert(46%) sepia(73%) saturate(1458%) hue-rotate(17deg) brightness(95%) contrast(93%)}.tool-tab.power-connected:hover .tool-tab-icon img{filter:brightness(0) saturate(100%) invert(38%) sepia(89%) saturate(1234%) hue-rotate(17deg) brightness(92%) contrast(96%)}.tool-tab.power-connected .tool-tab-icon svg path,.tool-tab.power-connected .tool-tab-icon svg rect,.tool-tab.power-connected .tool-tab-icon svg circle{stroke:#c17707}.tool-tab.power-connected:hover .tool-tab-icon svg path,.tool-tab.power-connected:hover .tool-tab-icon svg rect,.tool-tab.power-connected:hover .tool-tab-icon svg circle{stroke:#a66406}.tool-tab-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tool-tab-icon svg{width:20px;height:20px}.tool-tab-icon img{width:20px;height:20px;object-fit:contain;transition:filter .3s cubic-bezier(.4,0,.2,1)}.tool-tab.active .tool-tab-icon img{filter:brightness(0) invert(1)}.tool-tab-icon svg path,.tool-tab-icon svg rect,.tool-tab-icon svg circle{transition:stroke .3s cubic-bezier(.4,0,.2,1)}.tool-tab.active .tool-tab-icon svg path,.tool-tab.active .tool-tab-icon svg rect,.tool-tab.active .tool-tab-icon svg circle{stroke:#ebebeb}.tool-tab:not(.active) .tool-tab-icon svg path,.tool-tab:not(.active) .tool-tab-icon svg rect,.tool-tab:not(.active) .tool-tab-icon svg circle{stroke:#000}.secondary-controls{display:none;gap:10px;flex-wrap:wrap;margin-top:10px;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:10px;flex-shrink:0}.secondary-controls.visible{display:flex;animation:fadeIn .4s ease}.secondary-controls-left{display:flex;gap:10px;flex-wrap:wrap}.secondary-controls-right{display:flex;gap:10px;align-items:center}.zoom-indicator{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;color:#2c2c2c;min-width:50px;text-align:center;-webkit-user-select:none;user-select:none}.tool-btn{padding:10px 24px;background:#fff;color:#2c2c2c;border:1px solid #2C2C2C;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:400;letter-spacing:.3px;font-family:Montserrat,sans-serif}.tool-btn:hover{background:#2c2c2c;color:#fff}.tool-btn.danger{border-color:#dc3545;color:#dc3545}.tool-btn.danger:hover{background:#dc3545;color:#fff;border-color:#dc3545}.zoom-btn{padding:10px;background:#fff;color:#2c2c2c;border:1px solid #d7d7d7;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:10px}.zoom-btn:hover{border-color:#000;background:#fff;color:#000}.zoom-btn svg{display:block}#results-area{width:450px;background:#fff;border:1px solid #f0f0f0;padding:20px;display:flex;flex-direction:column;max-height:calc(100vh - 200px);opacity:0;transform:translate(20px);transition:opacity .5s ease .2s,transform .5s ease .2s;pointer-events:none}#results-area.visible{opacity:1;transform:translate(0);pointer-events:auto}.results-header{padding-bottom:15px;border-bottom:2px solid #2C2C2C;margin-bottom:20px}.results-title{font-size:16px;font-weight:400;color:#000;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.results-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:auto;padding:5px;background:#000;color:#fff;font-size:12px;font-weight:600;border-radius:50%}#results-list{list-style:none;flex:1;overflow-y:auto;margin-bottom:20px}.component-item{position:relative;width:100%;min-height:110px;background:#fff;margin-bottom:10px;transition:all .2s ease;cursor:default;border:1px solid transparent}.component-item:hover{border-color:#e5e5e5}.component-image{position:absolute;width:110px;height:110px;left:0;top:0;object-fit:contain;padding:2px}.component-image-placeholder{position:absolute;width:110px;height:110px;left:0;top:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999;text-align:center}.component-info{position:absolute;left:125px;top:15px;width:calc(100% - 135px)}.component-name{font-family:Montserrat,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#2c2c2c;margin-bottom:8px}.component-variant{position:absolute;left:125px;top:55px;font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#2c2c2c}.component-count{position:absolute;left:125px;top:83px;font-family:Montserrat,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#2c2c2c}.component-price{position:absolute;right:10px;top:83px;font-family:Montserrat,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#2c2c2c;text-align:right}.component-out-of-stock{position:absolute;left:0;right:0;top:110px;padding:8px 10px;background:#fff5f5;border-top:1px solid #FFCDD2;color:#dc143c;font-family:Montserrat,sans-serif;font-size:12px;line-height:1.4}.component-item:has(.component-out-of-stock){min-height:150px}.price-value{font-family:Montserrat,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#2c2c2c}.total-section{padding-top:20px;border-top:2px solid #2C2C2C}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.total-label{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.total-value{font-size:24px;font-weight:400;color:#000}.action-buttons{display:flex;gap:10px}.action-btn{flex:1;padding:12px;border:none;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.action-btn.primary:hover,.action-btn.secondary{background:#fff;color:#2c2c2c;border:1px solid #2C2C2C}.action-btn svg{flex-shrink:0;transition:stroke .2s ease}.action-btn.primary svg path{stroke:currentColor}.action-btn.primary:hover svg path{stroke:#2c2c2c}.action-btn.secondary:hover svg path{stroke:#fff}.message{padding:15px;margin-bottom:15px;font-size:13px}.message.info{background:#f0f8ff;border:1px solid #B8D4E8;color:#004085}.message.warning{background:#fff3cd;border:1px solid #FFE69C;color:#856404}.message.success{background:#d4edda;border:1px solid #C3E6CB;color:#155724}.shortcuts-panel{width:320px;background:#fff;border:1px solid #E5E5E5;padding:25px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto;opacity:1;transform:translate(0);transition:opacity .3s ease,transform .3s cubic-bezier(.4,0,.2,1)}.shortcuts-panel.collapsed{opacity:0;transform:translate(20px);pointer-events:none;width:0;min-width:0;padding:0;overflow:hidden}.shortcuts-header{padding-bottom:15px;border-bottom:2px solid #2C2C2C;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:all .3s ease}.shortcuts-header:hover{opacity:.7}.shortcuts-title{font-size:14px;font-weight:400;color:#000;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.shortcuts-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.shortcuts-toggle svg{width:16px;height:16px;fill:#2c2c2c;transition:fill .2s ease}.shortcuts-header:hover .shortcuts-toggle svg{fill:#000}.shortcuts-toggle-tab{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9d9d9;cursor:pointer;transition:all .2s ease}.shortcuts-toggle-tab:hover{background:#f5f5f5}.shortcuts-toggle-tab svg,.shortcuts-toggle-tab img{width:20px;height:20px;object-fit:contain}.shortcuts-toggle-tab svg rect{transition:stroke .2s ease}.shortcuts-toggle-tab:hover svg rect{stroke:#2c2c2c}.shortcuts-toggle-tab:hover img{opacity:.7}.shortcut-item{display:flex;gap:12px;align-items:center;padding:8px 0}.shortcut-keys{display:flex;gap:4px;align-items:center}.key{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;background:#fff;border:1px solid #D0D0D0;box-shadow:0 2px #d0d0d0;font-size:11px;font-weight:400;color:#2c2c2c;font-family:Montserrat,sans-serif;text-align:center}.key.large{min-width:50px}.key-plus{font-size:10px;color:#999;margin:0 2px}.shortcut-description{font-size:11px;color:#666;line-height:1.4;flex:1}.shortcuts-section{margin-top:8px}.shortcuts-section-title{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:400}#drawing-area{transition:all .4s cubic-bezier(.4,0,.2,1)}.menu-container{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:5px;background:#fff;border:1px solid #E5E5E5;box-shadow:0 2px 8px #0000001a;min-width:200px;z-index:1000}.dropdown-menu.show{display:block}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 15px;border:none;background:none;font-size:13px;font-weight:400;text-align:left;cursor:pointer;transition:background .2s;font-family:Montserrat,sans-serif}.dropdown-item:hover{background:#f5f5f5}.dropdown-item svg{flex-shrink:0}#inlineLengthInput{position:absolute;display:none;padding:10px;border:1px solid #121212;font-size:14px;font-weight:400;background:#fff;z-index:100;font-family:Montserrat,sans-serif;outline:none;width:55px;box-shadow:none}.selection-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#2c2c2c;color:#fff;padding:8px 16px;font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;display:none;z-index:50}.selection-hint.visible{display:block}.joint-tooltip{position:absolute;background:#2a7f62;color:#fff;padding:4px 8px;font-size:11px;font-weight:400;pointer-events:none;z-index:100;display:none!important}.joint-tooltip.visible{display:none!important}.angle-indicator{position:absolute;background:#8b4513;color:#fff;padding:4px 8px;font-size:11px;font-weight:400;pointer-events:none;z-index:100;display:none!important}.angle-indicator.visible{display:none!important}.loading{text-align:center;padding:40px;color:#666}.spinner{border:2px solid #F3F3F3;border-top:2px solid #2C2C2C;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;align-items:center;justify-content:center}.modal-overlay.visible{display:flex}.modal-content{background:#fff;box-shadow:0 4px 20px #0000004d;max-width:750px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{padding:25px 30px;border-bottom:2px solid #2C2C2C;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:400;color:#000;letter-spacing:.5px;margin:0}.modal-close{background:none;border:none;font-size:32px;line-height:1;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s,opacity .2s}.modal-close:hover{color:#000;opacity:.7}.modal-close img{width:24px;height:24px;display:block}.modal-body{padding:30px}.verification-checklist{list-style:none;margin:0;padding:0}.verification-item{margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;width:100%}.verification-item:last-child{margin-bottom:0}.verification-checkbox{width:24px;height:24px;min-width:24px;min-height:24px;margin-top:2px;cursor:pointer;flex-shrink:0;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #D0D0D0;background:#fff;position:relative}.verification-checkbox:checked{background:#000;border-color:#000}.verification-checkbox:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700}.verification-label{font-size:14px;line-height:1.5;color:#2c2c2c;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.verification-label strong{font-weight:400;color:#000}.modal-footer{padding:20px 30px;border-top:1px solid #E5E5E5;display:flex;gap:12px;justify-content:space-between}.modal-btn{flex:1;padding:12px 20px;border:none;font-size:13px;font-weight:400;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.modal-btn.primary{background:#2c2c2c;color:#fff;border:1px solid #2C2C2C}.modal-btn.primary:hover:not(:disabled){background:#fff;color:#2c2c2c}.modal-btn.primary:disabled{background:#ccc;color:#888;cursor:not-allowed;border:1px solid #CCC}.modal-btn.secondary{background:#fff;color:#2c2c2c;border:1px solid #2C2C2C}.modal-btn.secondary:disabled{opacity:.5;cursor:not-allowed}.modal-btn.secondary:hover:not(:disabled){background:#2c2c2c;color:#fff}.modal-btn.tertiary{background:#fff;color:#666;border:1px solid #CCC}.modal-btn.tertiary:hover{background:#f9f9f9;border-color:#999}.link-input-field{width:100%;padding:12px 15px;border:1px solid #E5E5E5;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.5;resize:vertical;transition:border-color .2s ease}.link-input-field:focus{outline:none;border-color:#2c2c2c}.link-input-field::placeholder{color:#999}.link-error-message{margin-top:10px;padding:10px 15px;background:#fff3f3;border:1px solid #FFCDD2;color:#d32f2f;font-size:13px;line-height:1.5}.link-success-message{margin-top:10px;padding:10px 15px;background:#f1f8f4;border:1px solid #A5D6A7;color:#2a7f62;font-size:13px;line-height:1.5}@media (max-width: 1024px){.main-container{flex-direction:column}.shortcuts-panel{width:100%;max-height:400px}#results-area{width:100%;max-height:none}.tool-switcher{width:100%;overflow-x:auto}.tool-switcher-container,.view-toggle{width:100%}#canvas-container,#threeD-container{min-height:500px}}@media (max-width: 640px){.tool-tab,.view-btn{padding:8px;font-size:11px}.tool-switcher,.view-toggle{gap:8px}.secondary-controls{width:100%}.tool-btn{flex:1;min-width:120px}#canvas-container,#threeD-container{min-height:400px}}.shortcuts-accordion{width:100%;margin-top:10px;border-top:1px solid #E5E5E5;background:#fff}.shortcuts-accordion-btn{width:100%;padding:12px 15px;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;color:#000;transition:background .2s ease;margin-bottom:10px}.shortcuts-accordion-btn:hover{background:#f5f5f5}.shortcuts-arrow{transition:transform .3s ease;display:block}.shortcuts-arrow.rotated{transform:rotate(180deg)}.shortcuts-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.shortcuts-content.open{max-height:1200px}.shortcuts-grid{display:grid;grid-template-columns:repeat(3,2fr);gap:20px;padding:20px 15px;background:#fafafa}.shortcuts-category{display:flex;flex-direction:column;gap:8px}.shortcuts-category-title{font-family:Montserrat,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#666;margin:0 0 5px;padding-bottom:5px;border-bottom:1px solid #E0E0E0}.shortcuts-category .shortcut-item{display:flex;flex-direction:row;gap:10px}.shortcuts-category .shortcut-keys{display:flex;gap:4px;align-items:center}.shortcuts-category .key{display:inline-block;padding:3px 8px;background:#fff;border:1px solid #D0D0D0;border-radius:3px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:400;color:#333;white-space:nowrap}.shortcuts-category .shortcut-desc{font-family:Montserrat,sans-serif;font-size:12px;color:#666;line-height:1.4}.shortcuts-note{padding:15px 20px;background:#fff9e6;border-top:1px solid #FFE9A3;font-family:Montserrat,sans-serif;font-size:12px;color:#8b6914;margin-bottom:15px}.shortcuts-note strong{font-weight:600}@media (max-width: 1200px){.shortcuts-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 768px){.shortcuts-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px}.shortcuts-accordion-btn{padding:10px 12px;font-size:11px}.shortcuts-content.open{max-height:1600px}}@media (max-width: 480px){.shortcuts-grid{grid-template-columns:1fr;gap:10px;padding:12px}.shortcuts-content.open{max-height:2000px}.link-action-btn-text{display:none}.link-action-btn{width:40px;padding:0}}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.action-btn{padding:14px 24px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;width:100%}.action-btn.primary{background:#2c2c2c;color:#fff;border:1px solid #2C2C2C}.action-btn.primary:hover:not(:disabled){background:#fff;color:#2c2c2c}.action-btn.primary:disabled{background:#ccc;color:#888;cursor:not-allowed;border:1px solid #CCC}.action-btn.secondary{background:#fff;color:#2c2c2c;border:1px solid #2C2C2C}.action-btn.secondary:hover{background:#2c2c2c;color:#fff}.catalog-link{text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;transition:opacity .2s ease,background .2s ease,color .2s ease}.catalog-link:disabled,.catalog-link[style*="pointer-events: none"]{opacity:.5!important;cursor:not-allowed}.modal-reminder{margin-top:20px;padding-top:20px;border-top:1px solid #E5E5E5}.demo-watermark{position:absolute;top:20px;right:20px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;letter-spacing:1px;color:#5559;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.main-container{height:100vh;flex-direction:column;position:relative;display:none}#drawing-area{flex:1;width:100%;display:flex;flex-direction:column;overflow:hidden;padding:0!important;border:none!important}.canvas-header{padding:8px 10px;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:space-between}.view-toggle{order:1;flex:1}.view-btn{flex:1;padding:8px;font-size:11px}.export-menu-btn{order:2;width:40px;height:40px;flex-shrink:0}.config-row{padding:10px;flex-wrap:wrap;gap:15px}.config-group{flex:1;min-width:calc(50% - 8px)}.config-label{font-size:12px}.config-label{font-size:10px}.color-circle{width:24px;height:24px}.toggle-label{font-size:11px}.tool-switcher-container{padding:8px 10px}.tool-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-tab{padding:10px 8px;font-size:10px;width:100%}.tool-tab-icon{width:18px;height:18px}.secondary-controls{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.secondary-controls-left{width:100%;display:flex;gap:6px}.tool-btn{padding:8px 12px;font-size:11px;flex:1}.tool-btn.danger{flex:1;width:auto}.secondary-controls-right{width:100%;display:flex;justify-content:center;gap:10px}.zoom-btn{width:44px;height:44px;font-size:20px}.zoom-indicator{font-size:14px;font-weight:600;min-width:60px}#canvas-container{flex:1;min-height:0!important;height:100%!important;position:relative}#trackCanvas{touch-action:none}#results-area{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:60vh;background:#fff;border-top:2px solid #E5E5E5;box-shadow:0 -4px 12px #00000026;z-index:1000;transition:transform .3s ease;overflow-y:auto;display:flex!important;flex-direction:column}#results-area.collapsed{transform:translateY(calc(100% - 60px))}.results-header{padding:12px 15px;cursor:pointer;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #F0F0F0}.results-header:before{content:"";display:block;width:40px;height:4px;background:#d0d0d0;border-radius:2px;margin:0 auto 8px}.results-title{font-size:11px}.results-count{font-size:14px}#results-list{padding:10px}.result-item{padding:10px;margin-bottom:8px}.result-item-image{width:50px;height:50px}.result-item-info{gap:3px}.result-item-title{font-size:11px}.result-item-quantity,.result-item-price{font-size:10px}.total-section{padding:12px 15px}.total-label,.total-value{font-size:13px}.shortcuts-accordion{display:none}.export-menu-btn{width:40px;height:40px}.export-popup{right:5px;min-width:200px}.export-popup-item{padding:12px 15px;font-size:13px}#inlineLengthInput{padding:12px;font-size:16px;width:70px}.selection-hint{bottom:60px;padding:10px 15px;font-size:12px}.joint-tooltip,.angle-indicator{padding:6px 10px;font-size:11px}#threeD-container{min-height:0!important;height:100%!important}.demo-watermark{font-size:10px;top:10px;right:10px}}@media (max-width: 375px){.tool-tab{padding:8px 5px;font-size:9px}.tool-tab span,.view-btn span{display:none}.config-label{font-size:9px}.tool-btn{font-size:10px;padding:6px 10px}#inlineLengthInput{width:60px;font-size:14px}}@media (max-width: 768px) and (orientation: landscape){#results-area{max-height:40vh}#results-area.collapsed{transform:translateY(calc(100% - 40px))}.canvas-header,.tool-switcher-container,.secondary-controls{padding:5px 10px}}@keyframes outlet-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.complex-system-warning{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:15px;background:#fff8e1;border:1px solid #ffc107;border-left:4px solid #ffc107;font-size:13px;line-height:1.5;color:#856404;font-family:Montserrat,sans-serif}.complex-system-warning svg{flex-shrink:0;color:#ffc107}.complex-system-warning span{flex:1}@media (max-width: 768px){.complex-system-warning{font-size:12px;padding:10px 12px;margin-bottom:12px}.complex-system-warning svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/1f-tracks-configurator.css.map */