:root{--am-red:#e10000;--am-red-hover:#b80000;--am-dark:#323031;--am-mid:#3f3f3f;--am-border:#e1e3e4;--am-bg:#f5f5f5;--am-muted:#7a7a7a}.app-wrap{padding:8px 24px 20px;background:var(--am-bg,#f5f5f5)}.app{display:grid;grid-template-columns:minmax(400px,1fr) 360px;grid-template-rows:1fr auto;height:55vh;min-height:400px;gap:0;border:1px solid var(--am-border);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);max-width:1120px;margin:0 auto}.config{background:#fff;border-right:1px solid var(--am-border);overflow:hidden;display:grid;grid-template-columns:200px 1fr 1.3fr}.config-col{overflow-y:auto;display:flex;flex-direction:column;min-height:0}.config-col:first-child{border-right:1px solid var(--am-border)}.config-section{padding:4px 8px;border-bottom:1px solid #f0f0f0}.config-section h3{font-size:.68rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--am-muted);margin-bottom:4px;font-weight:600}.shape-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.shape-tab{border:2px solid var(--am-border);background:#fafafa;border-radius:5px;padding:6px 3px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all .15s;font-size:.72rem;color:var(--am-muted);text-align:center;line-height:1.2;aspect-ratio:1}.shape-tab:hover{border-color:var(--am-red-hover);background:#fff5f5;color:var(--am-red)}.shape-tab.active{border-color:var(--am-red);background:var(--am-red);color:#fff}.shape-tab svg{display:block;margin:0;flex-shrink:0;width:26px;height:26px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.input-group{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 4px}.input-group>label:first-child{grid-column:1/-1}.input-group:has(>input[type="checkbox"]){display:flex;flex-direction:row;align-items:center;gap:8px}.input-group.full{grid-column:1/-1}.input-group label{font-size:.68rem;font-weight:600;color:var(--am-muted);text-transform:uppercase;letter-spacing:.6px}.input-group input,.input-group select{padding:2px 5px;border:1.5px solid var(--am-border);border-radius:4px;font-size:.78rem;color:var(--am-dark);background:#fafafa;transition:border .15s;width:100%;font-family:inherit}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--am-red);background:#fff}.input-unit{font-size:.68rem;color:var(--am-muted);margin-top:0;white-space:nowrap}.results{background:#fff;padding:3px 7px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.results h3{font-size:.68rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--am-muted);margin-bottom:2px;font-weight:600}.result-card{background:#fff;border-radius:5px;padding:2px 6px;margin-bottom:2px;border:1px solid var(--am-border)}.result-card.highlight{border-color:var(--am-red);background:#fff8f8}.result-card .lbl{font-size:.65rem;color:var(--am-muted);margin-bottom:1px;text-transform:uppercase;letter-spacing:.6px}.result-card .val{font-size:.92rem;font-weight:700;color:var(--am-dark);line-height:1.1}.result-card .val .unit{font-size:.75rem;font-weight:500;color:var(--am-muted);margin-left:3px}.result-row{display:grid;grid-template-columns:1fr 1fr;gap:2px}.btn-rfq{width:100%;padding:5px;background:var(--am-red);color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:700;cursor:pointer;margin-top:3px;letter-spacing:.5px;transition:background .15s;font-family:inherit}.btn-rfq:hover{background:var(--am-red-hover)}.note{font-size:.72rem;color:var(--am-red);margin-top:10px;line-height:1.5;border:1px solid var(--am-red);border-radius:6px;padding:10px 12px;background:#fff8f8}.disclaimer-box{background:#fffbf0;border:1.5px solid #d4960a;border-radius:5px;padding:3px 7px;margin-top:3px;font-size:.60rem;color:#6b4800;line-height:1.4}.disclaimer-box strong{display:block;margin-bottom:3px;color:#7a5000;font-size:.68rem}.similar-section{padding:6px 10px;border-top:1px solid #f0f0f0;overflow-y:auto;max-height:180px}.similar-section h3{font-size:.68rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--am-muted);margin-bottom:6px;font-weight:600}.similar-cards{display:flex;flex-direction:column;gap:8px}.similar-card{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--am-border);border-radius:6px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.similar-card:hover{border-color:var(--am-red);box-shadow:0 2px 8px rgba(161,27,32,.1)}.similar-card img{width:44px;height:44px;object-fit:contain;border-radius:4px;background:#fafafa;border:1px solid #eee;flex-shrink:0}.similar-card-info{flex:1;min-width:0}.similar-card-title{font-size:.78rem;font-weight:600;color:var(--am-dark);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-card-price{font-size:.72rem;color:var(--am-muted);margin-top:2px}.similar-card-buy{flex-shrink:0;font-size:.7rem;font-weight:700;background:var(--am-red);color:#fff;padding:5px 9px;border-radius:4px;white-space:nowrap}.similar-card:hover .similar-card-buy{background:var(--am-red-hover)}.similar-empty{font-size:.75rem;color:var(--am-muted);font-style:italic}.similar-loading{font-size:.75rem;color:var(--am-muted)}.canvas-wrap{position:relative;background:#fff;overflow:hidden;display:flex;flex-direction:column}#three-canvas{flex:1;width:100%;min-height:0;display:block}.canvas-logo-overlay{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("/cdn/shop/files/AM_LOGO_KNOCKOUT_3.png?v=1788417335"),url("/cdn/shop/files/AM_LOGO_KNOCKOUT_3.png?v=1788417335");background-size:80px 80px,80px 80px;background-position:0 0,40px 40px;transform:rotate(-45deg);pointer-events:none;z-index:1;opacity:0.18;mix-blend-mode:multiply}.canvas-overlay{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:2}.canvas-btn{background:rgba(255,255,255,.88);color:var(--am-dark);border:1px solid rgba(0,0,0,.15);padding:4px 9px;border-radius:4px;font-size:.7rem;cursor:pointer;backdrop-filter:blur(4px);transition:background .15s;font-family:inherit}.canvas-btn:hover{background:#fff}.canvas-btn-pdf{display:none}.canvas-info{position:absolute;bottom:52px;left:12px;right:12px;color:rgba(0,0,0,.25);font-size:.62rem;z-index:2}.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center}.modal-bg.open{display:flex}.modal-bg .modal{background:#fff!important;border-radius:8px;padding:20px 28px;width:700px;max-width:95vw;max-height:95vh;overflow-y:auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important;z-index:10001!important;visibility:visible!important;opacity:1!important;display:block!important;pointer-events:auto!important;flex-shrink:0}.modal-bg .modal *{pointer-events:auto!important}.modal-bg .modal::before{display:none!important;background:transparent!important}.modal h2{font-size:1.1rem;font-weight:700;margin-bottom:2px;color:var(--am-dark)}.modal .sub{color:var(--am-muted);font-size:.82rem;margin-bottom:10px}.modal-specs{background:#fafafa;border-radius:6px;padding:8px 12px;margin-bottom:10px;font-size:.78rem;color:var(--am-dark);line-height:1.6}.modal-specs strong{color:var(--am-muted);font-size:.68rem;text-transform:uppercase;display:block;letter-spacing:.5px;margin-bottom:4px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.modal-grid .full{grid-column:1/-1}.modal label{display:block;font-size:.65rem;font-weight:600;color:var(--am-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.modal input,.modal select,.modal textarea{width:100%;padding:7px 10px;border:1.5px solid var(--am-border);border-radius:4px;font-size:.84rem;font-family:inherit;background:#fafafa}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:var(--am-red);background:#fff}.modal textarea{height:55px;resize:vertical}.modal-btns{display:flex;gap:10px;margin-top:12px}.btn-cancel{flex:1;padding:11px;background:#f1f1f1;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;color:var(--am-muted);font-family:inherit}.btn-submit{flex:2;padding:11px;background:var(--am-red);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:700;font-family:inherit}.btn-submit:hover{background:var(--am-red-hover)}.modal-moq-note{font-size:.75rem;color:var(--am-red);background:#fff8f8;border:1px solid var(--am-red);border-radius:5px;padding:6px 10px;margin-bottom:8px;line-height:1.4}.success-msg{display:none;text-align:center;padding:20px 0}.success-msg .icon{font-size:3rem;margin-bottom:10px}.success-msg p{color:var(--am-muted);font-size:.9rem}@media(max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:auto 280px auto;height:auto}.canvas-wrap{grid-row:2}}.canvas-export-bar{flex-shrink:0;padding:5px 10px;background:rgba(255,255,255,.95);border-top:1px solid var(--am-border);}.canvas-export-bar button{width:100%;padding:6px;background:var(--am-red);color:#fff;border:none;border-radius:4px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.5px;transition:background .15s}.canvas-export-bar button:hover{background:var(--am-red-hover)}.config-col:nth-child(2){border-right:1px solid var(--am-border)}.config-col:last-child .config-section .input-grid{grid-template-columns:1fr}@media(max-width:900px){.config{grid-template-columns:180px 1fr 1.3fr}}@media(max-width:768px){.config{grid-template-columns:1fr}}