.configurator-container{--accent-red:#ff4d00;--accent-orange:#ff6b00;--panel-bg:#1a1a1a;--panel-border:#333333;position:relative;width:100vw;height:100vh;overflow:hidden;background:#000000;color:#ffffff;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.configurator-container *,.configurator-container :after,.configurator-container :before{box-sizing:border-box}.configurator-layer{z-index:1}.click-zones-container,.configurator-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.click-zones-container{z-index:20}.boat-click-zone{position:absolute;background:transparent;border:none;cursor:pointer;pointer-events:auto;transition:all .2s ease;z-index:20}.xray-layer{transition:transform .35s cubic-bezier(.4,0,.2,1)}.config-panel-container{position:absolute;pointer-events:auto;z-index:500;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.config-panel-content{width:100%;height:100%;flex:1;display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0}.config-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 10px;scrollbar-width:thin;scrollbar-color:var(--accent-red) transparent;margin-top:0;min-height:0}.config-scroll-area::-webkit-scrollbar{width:6px}.config-scroll-area::-webkit-scrollbar-track{background:transparent}.config-scroll-area::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:3px}.config-section{display:flex;flex-direction:column;gap:10px}.config-section-title{color:var(--accent-red);font-size:11px;font-weight:600;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.config-field{display:flex;flex-direction:column;gap:3px}.config-label{color:var(--accent-orange);font-size:10px;font-weight:500;text-transform:uppercase}.config-select{background:#0a0a0a;border:1px solid var(--panel-border);border-radius:4px;color:#ffffff;padding:6px 8px;font-size:11px;cursor:pointer;transition:border-color .2s ease}.config-select:focus,.config-select:hover{border-color:var(--accent-red)}.config-select:focus{outline:none;box-shadow:0 0 0 2px rgba(255,77,0,.2)}.config-slider{width:100%;height:6px;border-radius:3px;background:#333;cursor:pointer;-webkit-appearance:none;appearance:none}.config-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-red);cursor:pointer;box-shadow:0 2px 6px rgba(255,77,0,.4)}.config-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-red);cursor:pointer;border:none;box-shadow:0 2px 6px rgba(255,77,0,.4)}.slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#666}.config-button-group{display:flex;gap:6px}.config-count-btn,.config-voltage-btn{flex:1;padding:6px 8px;border:1px solid var(--panel-border);border-radius:4px;background:#0a0a0a;color:#888;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.config-count-btn:hover,.config-voltage-btn:hover{border-color:var(--accent-red);color:#fff}.config-count-btn.active,.config-voltage-btn.active{background:var(--accent-red);border-color:var(--accent-red);color:#fff;box-shadow:0 2px 8px rgba(255,77,0,.4)}.config-checkbox-group{display:flex;flex-direction:column;gap:8px}.config-checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#ccc;cursor:pointer}.config-checkbox{width:16px;height:16px;border:1px solid var(--panel-border);border-radius:3px;background:#0a0a0a;cursor:pointer;accent-color:var(--accent-red)}.amp-draw{margin-left:auto;color:var(--accent-orange);font-size:10px}.config-summary{padding-top:8px;border-top:1px solid var(--panel-border);margin-top:auto}.summary-row{display:flex;justify-content:space-between;font-size:11px;color:#888}.summary-value{color:var(--accent-red);font-weight:600}.config-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--panel-border);min-height:28px}.config-panel-title{color:var(--accent-red);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-panel-close{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.config-panel-close:hover{color:var(--accent-red)}.zone-highlight-layer{transition:opacity .2s ease;opacity:1;z-index:4}.section-zone{z-index:30}.section-zone.active,.section-zone:hover{background:transparent}.draggable-rect{position:absolute;border:2px dashed;cursor:move;user-select:none;z-index:300}.draggable-rect.active{border-style:solid;border-width:3px}.draggable-rect.hidden-zone{border:none;background:transparent;cursor:pointer}.draggable-rect.hidden-zone:hover{background:rgba(255,77,0,.15)}.rect-label{position:absolute;top:-20px;left:0;padding:2px 6px;font-size:10px;font-weight:600;color:#000;white-space:nowrap;border-radius:3px}.rect-coords{bottom:4px;left:4px;font-size:9px;color:#fff;background:rgba(0,0,0,.7);padding:2px 4px;line-height:1.3}.rect-coords,.resize-handle{position:absolute;border-radius:2px}.resize-handle{bottom:-6px;right:-6px;width:12px;height:12px;cursor:se-resize}.dev-controls{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.9);border:1px solid #444;border-radius:8px;padding:12px 16px;z-index:1000;min-width:280px}.dev-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.dev-badge{background:#ff4d00;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.dev-info{color:#aaa;font-size:11px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #333}.dev-buttons{display:flex;flex-wrap:wrap;gap:6px}.dev-buttons button{background:#222;border:1px solid #444;color:#fff;font-size:11px;padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease}.dev-buttons button:hover{background:#333;border-color:#ff4d00}.dev-buttons button:active{background:#ff4d00}.dev-close-btn{background:transparent;border:none;color:#666;font-size:16px;cursor:pointer;margin-left:auto;padding:0 4px}.dev-close-btn:hover{color:#ff4d00}.dev-toggle-btn{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.8);border:2px solid #444;color:#888;font-size:11px;font-weight:700;padding:8px 16px;border-radius:6px;cursor:pointer;z-index:1001;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.dev-toggle-btn.active,.dev-toggle-btn:hover{border-color:#ff4d00;color:#fff}.dev-toggle-btn.active{background:#ff4d00}.dev-section{margin-top:10px;padding-top:10px;border-top:1px solid #333}.dev-section-title{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.dev-buttons button.active{background:#ff4d00;border-color:#ff4d00}.dev-buttons button.danger{border-color:#ff3333;color:#ff3333}.dev-buttons button.danger:hover{background:#ff3333;color:#fff}.dev-boat-selector{display:flex;gap:4px}.dev-boat-btn{flex:1;padding:6px 0;background:#1a1a1a;border:2px solid #333;color:#888;font-size:11px;font-weight:700;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease}.dev-boat-btn:hover{border-color:#ff4d00;color:#ccc}.dev-boat-btn.active{background:#ff4d00;border-color:#ff4d00;color:#fff}.dev-export-primary{background:#143a1a!important;border:2px solid #44ff44!important;color:#44ff44!important;font-weight:700!important;letter-spacing:1px}.dev-export-primary:hover{background:#44ff44!important;color:#000!important}.dev-offset-list{display:flex;flex-direction:column;gap:3px;max-height:200px;overflow-y:auto}.dev-offset-row{display:flex;align-items:center;gap:6px}.dev-offset-label{background:#222;border:2px solid #444;color:#aaa;font-size:10px;font-weight:700;padding:3px 8px;border-radius:3px;cursor:pointer;min-width:30px;text-align:center;transition:all .15s ease}.dev-offset-label.active{background:#ff4d00;border-color:#ff4d00;color:#fff}.dev-offset-name{color:#999;font-size:10px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dev-offset-value{color:#44ff44;font-family:monospace;font-size:11px;font-weight:600;min-width:48px;text-align:right}.offset-drag-handle{position:absolute;z-index:600;border:2px dashed #44ff44;background:rgba(68,255,68,.08);cursor:ns-resize;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;user-select:none}.offset-drag-handle:hover{background:rgba(68,255,68,.15);border-color:#66ff66}.offset-drag-handle.dragging{background:rgba(68,255,68,.2);border-color:#88ff88;border-style:solid}.offset-drag-label{color:#44ff44;font-size:11px;font-weight:600;padding:4px 10px;border-radius:4px;white-space:nowrap}.offset-drag-label,.offset-drag-value{background:rgba(0,0,0,.85);pointer-events:none}.offset-drag-value{color:#fff;font-family:monospace;font-size:13px;font-weight:700;padding:3px 8px;border-radius:3px}.offset-zone-pip{position:absolute;z-index:400;width:28px;height:28px;border-radius:50%;border:2px solid;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translate(-50%,-50%);pointer-events:auto;transition:all .15s ease;text-shadow:0 1px 3px rgba(0,0,0,.8)}.offset-zone-pip:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 12px rgba(255,255,255,.3)}.offset-zone-pip.active{transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 16px rgba(255,255,255,.5)}.results-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;max-height:85vh;background:rgba(10,10,10,.97);border:1px solid #444;border-radius:10px;z-index:900;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 40px rgba(0,0,0,.7)}.results-overlay .config-panel-content{display:flex;flex-direction:column;height:100%;max-height:85vh}.results-overlay .config-scroll-area{flex:1;overflow-y:auto;max-height:calc(85vh - 40px)}.results-toggle-btn{position:fixed;bottom:20px;right:20px;background:var(--accent-red);border:2px solid var(--accent-red);color:#fff;font-size:11px;font-weight:700;padding:10px 20px;border-radius:6px;cursor:pointer;z-index:1001;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.results-toggle-btn:hover{background:#ff6b20;border-color:#ff6b20}.results-calculate-btn{background:var(--accent-red);border:none;color:#fff;font-size:12px;font-weight:700;padding:10px 24px;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;width:100%}.results-calculate-btn:hover{background:#ff6b20}.tier-card{border:1px solid #444;border-radius:6px;padding:8px 10px;margin-bottom:8px;background:#111}.tier-card-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tier-card-row{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;color:#ccc;padding:2px 0;gap:6px}.tier-card-label{color:#888;font-weight:600;text-transform:uppercase;font-size:9px;min-width:60px;flex-shrink:0}.ampgen-dashboard{position:absolute;z-index:800;background:rgba(10,10,10,.95);border:1px solid #333;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;box-shadow:0 4px 24px rgba(0,0,0,.6)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #333;background:rgba(255,77,0,.1);flex-shrink:0}.dashboard-header-title{color:var(--accent-red);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.dashboard-header-actions{display:flex;gap:6px}.dashboard-header-actions button{background:#222;border:1px solid #444;color:#ccc;font-size:10px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease}.dashboard-header-actions button:hover{border-color:var(--accent-red);color:#fff}.dashboard-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.dashboard-table-section{flex-shrink:0;max-height:45%;overflow-y:auto;border-bottom:1px solid #333;scrollbar-width:thin;scrollbar-color:var(--accent-red) transparent}.dashboard-table{width:100%;border-collapse:collapse;font-size:10px}.dashboard-table th{background:rgba(255,77,0,.15);color:var(--accent-red);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;text-align:left;border-bottom:1px solid #333;position:sticky;top:0}.dashboard-table td{padding:4px 8px;color:#ccc;border-bottom:1px solid #222}.dashboard-table tr:hover td{background:rgba(255,255,255,.03)}.dashboard-table .val{color:var(--accent-red);font-weight:600;font-family:monospace;text-align:right}.dashboard-table .label-col{color:#888;font-weight:600;text-transform:uppercase;font-size:9px;white-space:nowrap}.dashboard-chat{min-height:0}.dashboard-chat,.dashboard-chat-messages{flex:1;display:flex;flex-direction:column}.dashboard-chat-messages{overflow-y:auto;padding:8px 10px;gap:8px;scrollbar-width:thin;scrollbar-color:#444 transparent}.chat-msg{display:flex;flex-direction:column;gap:2px;max-width:90%}.chat-msg.user{align-self:flex-end}.chat-msg.assistant{align-self:flex-start}.chat-msg-role{font-size:9px;color:#666;text-transform:uppercase;font-weight:600}.chat-msg-text{font-size:11px;line-height:1.4;padding:6px 10px;border-radius:8px}.chat-msg.user .chat-msg-text{background:rgba(255,77,0,.2);color:#eee;border-bottom-right-radius:2px}.chat-msg.assistant .chat-msg-text{background:#1a1a1a;color:#ccc;border-bottom-left-radius:2px;border:1px solid #333}.dashboard-chat-input{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #333;flex-shrink:0}.dashboard-chat-input input{flex:1;background:#111;border:1px solid #444;color:#fff;font-size:11px;padding:8px 10px;border-radius:6px;outline:none;transition:border-color .2s ease}.dashboard-chat-input input:focus{border-color:var(--accent-red)}.dashboard-chat-input button{background:var(--accent-red);border:none;color:#fff;font-size:11px;font-weight:700;padding:8px 14px;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:background .15s ease}.dashboard-chat-input button:hover{background:#ff6b20}.dashboard-chat-input button:disabled{background:#333;color:#666;cursor:not-allowed}.chat-typing{color:#666;font-size:10px;font-style:italic;padding:4px 10px}@media (max-width:1200px){.config-panel-boat-1,.config-panel-boat-2,.config-panel-boat-3{width:24%}}@media (max-width:900px){.config-section-title{font-size:12px}.config-label{font-size:10px}.config-count-btn,.config-select,.config-voltage-btn{font-size:11px;padding:6px 10px}}