.PositionGenerator_positionGenerator__96kfo{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.PositionGenerator_header__YAEWU{display:flex;justify-content:center;align-items:center;padding:1rem;background-color:#1e1e1e;border-bottom:1px solid #333}.PositionGenerator_header__YAEWU h1{color:#ffcf98;margin:0;font-size:1.8rem}.PositionGenerator_viewportControls__oSr0T{display:flex;gap:.5rem}.PositionGenerator_viewportControls__oSr0T button{background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.PositionGenerator_viewportControls__oSr0T button:hover{background-color:#3a3a3a}.PositionGenerator_activeViewport__RVuT5{background-color:#ffcf98!important;color:#121212!important;border-color:#ffcf98!important}.PositionGenerator_mainContainer__0DFCv{display:flex;flex:1;overflow:hidden}.PositionGenerator_controlsPanel__fEDXa{width:400px;height:100%;overflow-y:auto;background-color:#1a1a1a;border-right:1px solid #333;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.PositionGenerator_elementsControl__FG9_3,.PositionGenerator_positionControls__f82JE{background-color:#222;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}.PositionGenerator_elementsControl__FG9_3 h3,.PositionGenerator_positionControls__f82JE h3{color:#ffcf98;margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:.5rem}.PositionGenerator_elementsList__VnWXR{max-height:250px;overflow-y:auto;margin-bottom:1.5rem;border-radius:4px;background-color:#1a1a1a}.PositionGenerator_elementItem__rplJJ{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #333;cursor:pointer;transition:background-color .2s}.PositionGenerator_elementItem__rplJJ:hover{background-color:#2a2a2a}.PositionGenerator_elementItem__rplJJ span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.PositionGenerator_elementItem__rplJJ button{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;padding:.2rem .5rem;border-radius:4px}.PositionGenerator_elementItem__rplJJ button:hover{color:#ff6b6b;background-color:hsla(0,100%,71%,.1)}.PositionGenerator_selectedElement__6UpH2{background-color:rgba(255,207,152,.2);border-left:3px solid #ffcf98}.PositionGenerator_elementsActions__3BVC5{display:flex;flex-wrap:wrap;gap:.75rem}.PositionGenerator_elementsActions__3BVC5 button{background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0;padding:.75rem 1rem;border-radius:4px;cursor:pointer;flex:1;min-width:120px;transition:all .2s}.PositionGenerator_elementsActions__3BVC5 button:hover{background-color:#3a3a3a}.PositionGenerator_activeButton__bq5RG{background-color:#ffcf98!important;color:#121212!important}.PositionGenerator_positionType__LQcgW{margin-bottom:2rem}.PositionGenerator_select__w0Vzc{display:flex;align-items:center;gap:.75rem}.PositionGenerator_select__w0Vzc select{background-color:#2a2a2a;color:#e0e0e0;border:1px solid #444;padding:.75rem;border-radius:4px;width:100%;cursor:pointer}.PositionGenerator_helpIcon__kzMC2{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#ffcf98;color:#121212;border-radius:50%;font-weight:700;cursor:pointer}.PositionGenerator_helpContent__mvUyk{margin-top:1rem;padding:1rem;background-color:#2a2a2a;border-radius:4px;border-left:3px solid #ffcf98;font-size:.9rem}.PositionGenerator_helpItem__FMizY{margin-bottom:.75rem}.PositionGenerator_helpItem__FMizY:last-child{margin-bottom:0}.PositionGenerator_coordinatesControls__urd41{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.PositionGenerator_coordinate__zNb4t,.PositionGenerator_property___8XuT{display:flex;flex-direction:column;gap:.75rem}.PositionGenerator_coordinate__zNb4t label,.PositionGenerator_positionType__LQcgW label,.PositionGenerator_property___8XuT label{font-size:1rem;color:#aaa;margin-bottom:.3rem}.PositionGenerator_unitInput__cBgwF{display:flex;gap:.75rem}.PositionGenerator_unitInput__cBgwF input{flex:2}.PositionGenerator_unitInput__cBgwF input,.PositionGenerator_unitInput__cBgwF select{background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0;padding:.75rem;border-radius:4px}.PositionGenerator_unitInput__cBgwF select{flex:1;cursor:pointer}.PositionGenerator_mainContainer__0DFCv input[type=range]{width:100%;appearance:none;height:8px;background:#2a2a2a;border-radius:4px;outline:none;margin:.5rem 0}.PositionGenerator_mainContainer__0DFCv input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#ffcf98;border-radius:50%;cursor:pointer}.PositionGenerator_mainContainer__0DFCv input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#ffcf98;border-radius:50%;cursor:pointer;border:none}.PositionGenerator_mainContainer__0DFCv input[type=number]{background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0;padding:.75rem;border-radius:4px;width:100%}.PositionGenerator_otherProperties__XCdVo{display:flex;flex-direction:column;gap:1.5rem}.PositionGenerator_previewPanel__Y4a_r{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow:auto;background-color:#121212}.PositionGenerator_previewContainer__8WJg0{position:relative;margin:0 auto;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:auto;box-shadow:0 4px 12px rgba(0,0,0,.2)}.PositionGenerator_previewElement__NUD_p{position:absolute;cursor:move;user-select:none;border:1px solid transparent;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .2s;border-radius:4px}.PositionGenerator_previewElement__NUD_p:hover{border-color:rgba(255,207,152,.5)}.PositionGenerator_selectedPreviewElement__wrRVC{border:2px solid #ffcf98}.PositionGenerator_parentElement__aaFAM{border-style:dashed}.PositionGenerator_elementName__CYZZ7{font-size:.9rem;background-color:rgba(0,0,0,.5);padding:.3rem .6rem;border-radius:3px}.PositionGenerator_childIndicator___N11f{position:absolute;bottom:5px;right:5px;font-size:.8rem;background-color:rgba(0,0,0,.7);padding:.3rem .5rem;border-radius:3px;color:#ffcf98}.PositionGenerator_cssOutput__xr_Ey{background-color:#1a1a1a;border-radius:8px;padding:1.5rem;max-height:400px;display:flex;flex-direction:column}.PositionGenerator_cssOutput__xr_Ey h3{color:#ffcf98;margin-top:0;margin-bottom:1rem}.PositionGenerator_cssCode__yY9b1{background-color:#222;padding:1.5rem;border-radius:4px;overflow:auto;font-family:Courier New,monospace;color:#e0e0e0;max-height:200px;margin:0 0 1.5rem}.PositionGenerator_copyButton__xL8qD{align-self:flex-end;background-color:#ffcf98;color:#121212;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.PositionGenerator_copyButton__xL8qD:hover{background-color:#ffbd70}@media (max-width:1200px){.PositionGenerator_mainContainer__0DFCv{flex-direction:column}.PositionGenerator_controlsPanel__fEDXa{width:100%;height:auto;border-right:none;border-bottom:1px solid #333}.PositionGenerator_previewPanel__Y4a_r{padding-top:2rem}}@media (max-width:768px){.PositionGenerator_header__YAEWU{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.PositionGenerator_viewportControls__oSr0T{width:100%;justify-content:space-between}.PositionGenerator_controlsPanel__fEDXa,.PositionGenerator_elementsControl__FG9_3,.PositionGenerator_positionControls__f82JE{padding:1rem}.PositionGenerator_previewContainer__8WJg0{max-width:100%}}@media (max-width:480px){.PositionGenerator_elementsActions__3BVC5 button{min-width:100%}.PositionGenerator_coordinatesControls__urd41,.PositionGenerator_otherProperties__XCdVo{gap:1rem}.PositionGenerator_unitInput__cBgwF{flex-direction:column;gap:.5rem}.PositionGenerator_unitInput__cBgwF input,.PositionGenerator_unitInput__cBgwF select{width:100%}}