.rio-systems-configurator-wrapper{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;margin:0 auto;max-width:1400px}.system-shape-selector{background:#fff;padding:40px 20px}.shape-selector-header{border-bottom:1px solid #e5e5e5;margin-bottom:40px;padding-bottom:20px;text-align:center}.shape-selector-header h2{color:#000;font-size:28px;font-weight:400;letter-spacing:0;margin:0 0 10px}.shape-selector-header p{color:#666;font-size:14px;font-weight:400;margin:0}.shape-options{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.shape-card{background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;padding:25px;position:relative;text-align:center;transition:all .3s ease}.shape-card:hover{border-color:#000}.shape-card.active{background:#f0f9f7;border-color:#00bfa5}.shape-card.active:before{background:#00bfa5;border-radius:3px;color:#fff;content:"Selected";font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px}.shape-icon{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:15px}.shape-icon svg{max-height:100%;max-width:100%}.shape-card h3{color:#000;font-size:16px;font-weight:500;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.shape-card p{color:#666;font-size:13px;margin:0 0 15px;min-height:36px}.select-shape-btn{background:#fff;border:1px solid #000;border-radius:3px;color:#000;cursor:pointer;font-size:13px;font-weight:400;padding:10px 24px;text-transform:none;transition:all .3s ease;width:100%}.select-shape-btn:hover{background:#000;color:#fff}.shape-card.active .select-shape-btn{background:#00bfa5;border-color:#00bfa5;color:#fff}.shape-card.active .select-shape-btn:hover{background:#00a693;border-color:#00a693}.z-shape-configurator{background:#f8f8f8;min-height:100vh;padding:40px 20px}.configurator-container{margin:0 auto;max-width:1600px}.config-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.config-header h2{color:#000;font-size:24px;font-weight:400;margin:0}.back-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{border-color:#000;color:#000}.config-layout{display:grid;gap:30px;grid-template-columns:450px 1fr}.config-inputs{background:#fff;border:1px solid #e5e5e5;border-radius:3px;max-height:fit-content;padding:25px}.input-section{margin-bottom:30px}.input-section:last-of-type{margin-bottom:0}.input-section h3{border-bottom:1px solid #e5e5e5;color:#000;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 15px;padding-bottom:10px;text-transform:uppercase}.form-group{margin-bottom:15px}.form-group label{color:#000;display:block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.dimension-group input,.dimension-group select,.form-group select{background:#fff;border:1px solid #ccc;border-radius:0;color:#000;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.dimension-group input:focus,.dimension-group select:focus,.form-group select:focus{border-color:#00bfa5;outline:none}.dimension-group{margin-bottom:15px;position:relative}.dimension-group label{color:#000;display:block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.dimension-unit{color:#999;font-size:12px;font-weight:400;pointer-events:none;position:absolute;right:12px;top:34px}.generate-btn{align-items:center;background:#00bfa5;border:1px solid #00bfa5;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;justify-content:center;margin-top:25px;padding:14px 24px;transition:all .3s ease;width:100%}.generate-btn:hover{background:#00a693;border-color:#00a693}.config-preview{display:flex;flex-direction:column;gap:20px}.preview-section{background:#fff;border:1px solid #e5e5e5;border-radius:3px;padding:25px}.preview-section h3{border-bottom:1px solid #e5e5e5;color:#000;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 15px;padding-bottom:10px;text-transform:uppercase}.drawing-container{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:3px;display:flex;justify-content:center;min-height:400px;padding:20px}#technicalDrawing{height:auto;width:100%}.system-stats{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:3px;padding:15px;text-align:center}.stat-label{color:#999;display:block;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:5px;text-transform:uppercase}.stat-value{color:#00bfa5;display:block;font-size:20px;font-weight:500}.system-output-module{background:#f8f8f8;min-height:100vh;padding:40px 20px}.output-wrapper{margin:0 auto;max-width:1400px}.output-header{background:#fff;border-bottom:1px solid #e5e5e5;margin-bottom:40px;padding:30px 20px 20px;text-align:center}.output-header h2{color:#000;font-size:28px;font-weight:400;margin:0 0 10px}.output-header .subtitle{color:#666;font-size:14px;margin:0}.output-body>*{margin-bottom:30px}.overview-card{background:#fff;border:1px solid #e5e5e5;border-radius:3px;padding:25px}.overview-card h3{border-bottom:1px solid #e5e5e5;color:#000;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 20px;padding-bottom:12px;text-transform:uppercase}.overview-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.overview-item{display:flex;flex-direction:column;gap:5px}.overview-label{color:#999;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.overview-value{color:#00bfa5;font-size:20px;font-weight:500}.technical-drawing-section{background:#fff;border:1px solid #e5e5e5;border-radius:3px;padding:25px}.section-header-with-actions{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.section-header-with-actions h3{color:#000;font-size:14px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.btn-download-drawing{align-items:center;background:#fff;border:1px solid #000;border-radius:3px;color:#000;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-download-drawing:hover{background:#000;color:#fff}.drawing-viewer{background:#fafafa;border:1px solid #e5e5e5;border-radius:3px;min-height:500px;padding:30px}#finalTechnicalDrawing{display:block;height:auto;width:100%}.bom-section{background:#fff;border:1px solid #e5e5e5;border-radius:3px;padding:25px}.bom-actions{display:flex;gap:10px}.btn-secondary-small{background:#fff;border:1px solid #ccc;border-radius:3px;color:#666;cursor:pointer;font-size:12px;font-weight:400;padding:8px 16px;transition:all .3s ease}.btn-secondary-small:hover{border-color:#000;color:#000}.bom-table-wrapper{margin:25px 0;overflow-x:auto}.bom-table{border-collapse:collapse;font-size:13px;width:100%}.bom-table thead{background:#f8f8f8}.bom-table th{border-bottom:1px solid #e5e5e5;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.bom-table td,.bom-table th{color:#000;padding:12px 10px}.bom-table td{border-bottom:1px solid #f0f0f0;font-size:13px}.bom-table tbody tr:hover{background:#f8f8f8}.bom-table tbody tr.section-row{background:#f0f9f7;font-weight:500}.bom-table tbody tr.accessory-row{background:#fff}.product-code-cell{color:#00bfa5;font-family:Monaco,Courier New,monospace;font-size:12px;font-weight:500}.bom-totals{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:15px}.bom-total-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.bom-total-row.highlight{color:#00bfa5;font-size:15px;font-weight:500}.total-label{color:#666}.total-value{color:#000;font-weight:500}.component-breakdown{background:#fff;border:1px solid #e5e5e5;border-radius:3px;padding:25px}.component-breakdown h3{border-bottom:1px solid #e5e5e5;color:#000;font-size:14px;font-weight:600;letter-spacing:1px;margin:0 0 20px;padding-bottom:12px;text-transform:uppercase}.component-grid{display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.component-card{align-items:center;background:#f8f8f8;border:1px solid #e5e5e5;border-radius:3px;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.component-icon{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.component-info{display:flex;flex-direction:column;gap:5px}.component-label{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.component-value{color:#00bfa5;font-size:24px;font-weight:500}.action-buttons-section{border-top:1px solid #e5e5e5;display:flex;gap:15px;justify-content:center;margin-top:30px;padding-top:30px}.btn-primary,.btn-secondary{border:1px solid;border-radius:3px;cursor:pointer;font-size:14px;font-weight:400;padding:14px 30px;transition:all .3s ease}.btn-secondary{background:#fff;border-color:#000;color:#000}.btn-secondary:hover{background:#000;color:#fff}.btn-primary{background:#00bfa5;border-color:#00bfa5;color:#fff}.btn-primary:hover{background:#00a693;border-color:#00a693}@media (max-width:1200px){.config-layout{grid-template-columns:1fr}.component-grid,.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.shape-options{grid-template-columns:1fr}.config-header{align-items:flex-start;flex-direction:column;gap:15px}.component-grid,.overview-grid,.system-stats{grid-template-columns:1fr}.action-buttons-section{flex-direction:column}.section-header-with-actions{align-items:flex-start;flex-direction:column;gap:15px}.output-header h2,.shape-selector-header h2{font-size:22px}.config-header h2{font-size:20px}}:focus-visible{outline:2px solid #00bfa5;outline-offset:2px}button:focus-visible{outline-offset:0}:focus:not(:focus-visible){outline:none}