.styles_container__WsV7r{display:flex;height:100vh;background:#0a0a0a}.styles_gui__yjIQI{width:300px;height:100vh;background-color:#1a1a1a;border-right:1px solid #3a3a3a;z-index:2;padding:28px;color:#fff;font-family:var(--font-NonNaturalMono);font-weight:300;font-size:10px;line-height:130%;transition:transform .6s ease-out;flex-shrink:0;position:relative;user-select:none;overflow-y:auto}.styles_title__ohQhf{font-family:var(--font-NonNaturalGrotesk);font-weight:400;font-size:16px;line-height:90%;margin-bottom:max(12px,(100vh - 600px)*.2);z-index:2;display:flex;flex-direction:column;gap:16px}.styles_title__ohQhf h1{font-size:14px;color:#fff;font-family:var(--font-NonNaturalMono);line-height:120%;font-weight:400;letter-spacing:.01em;text-transform:uppercase}.styles_main__ZHKOp{display:flex;flex-direction:column;gap:32px}.styles_section__DONoi h3{font-size:12px;color:#fff;font-family:var(--font-NonNaturalMono);line-height:120%;font-weight:300;letter-spacing:.01em;text-transform:uppercase;margin-bottom:12px}.styles_paramGroup__gP_EA{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.styles_paramGroup__gP_EA label{font-size:10px;color:#ccc;text-transform:uppercase;letter-spacing:.01em}.styles_paramGroup__gP_EA input[type=number]{background:#0f0f0f;border:1px solid #3a3a3a;color:#fff;padding:8px;border-radius:2px;font-family:var(--font-NonNaturalMono);font-size:10px;text-align:center}.styles_paramGroup__gP_EA input[type=number]:focus{outline:none;border-color:#fff}.styles_paramGroup__gP_EA input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:#3a3a3a;outline:none;border-radius:1px}.styles_paramGroup__gP_EA input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;cursor:pointer;border-radius:50%}.styles_paramGroup__gP_EA input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#fff;cursor:pointer;border-radius:50%;border:none}.styles_paramGroup__gP_EA select{background:#0f0f0f;border:1px solid #3a3a3a;color:#fff;padding:8px;border-radius:2px;font-family:var(--font-NonNaturalMono);font-size:10px}.styles_paramGroup__gP_EA select:focus{outline:none;border-color:#fff}.styles_paramGroup__gP_EA .styles_value__DsvJg{font-size:10px;color:#fff;text-align:center}.styles_paramGroup__gP_EA .styles_checkboxLabel__ihsM_{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:10px;color:#ccc;text-transform:uppercase;letter-spacing:.01em}.styles_paramGroup__gP_EA .styles_checkboxLabel__ihsM_ .styles_checkbox__QxQdn{width:12px;height:12px;background:#0f0f0f;border:1px solid #3a3a3a;border-radius:2px;cursor:pointer;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none}.styles_paramGroup__gP_EA .styles_checkboxLabel__ihsM_ .styles_checkbox__QxQdn:checked{background:#fff;border-color:#fff}.styles_paramGroup__gP_EA .styles_checkboxLabel__ihsM_ .styles_checkbox__QxQdn:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:10px;font-weight:700}.styles_paramGroup__gP_EA .styles_checkboxLabel__ihsM_ .styles_checkbox__QxQdn:hover{border-color:#fff}.styles_actions__6DIkM{display:flex;flex-direction:column;gap:12px}.styles_actions__6DIkM .styles_button__QmqVD{display:flex;align-items:center;justify-content:center;gap:8px;background:#0f0f0f;border:1px solid #3a3a3a;color:#fff;padding:12px;border-radius:2px;font-family:var(--font-NonNaturalMono);font-size:10px;text-transform:uppercase;letter-spacing:.01em;cursor:pointer;transition:all .3s ease}.styles_actions__6DIkM .styles_button__QmqVD:hover:not(:disabled){background:#1f1f1f;border-color:#fff}.styles_actions__6DIkM .styles_button__QmqVD:disabled{opacity:.5;cursor:not-allowed}.styles_actions__6DIkM .styles_button__QmqVD.styles_active__RCShn{background:#28a745;border-color:#28a745}.styles_actions__6DIkM .styles_button__QmqVD.styles_inactive__ffsdO{background:#ccc;border-color:#ccc}.styles_processing__Udhpp{display:flex;align-items:center;gap:8px;font-size:10px;color:#4ade80;text-transform:uppercase}.styles_processing__Udhpp .styles_spinner__mF9Rh{width:12px;height:12px;border:2px solid #3a3a3a;border-top-color:#4ade80;border-radius:50%;animation:styles_spin__TYB7f 1s linear infinite}.styles_viewport__zYD_s{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff;position:relative;overflow:auto}.styles_viewport__zYD_s .styles_canvasContainer__Ae7Us{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:100%;max-height:100%}.styles_viewport__zYD_s .styles_canvasContainer__Ae7Us h3{color:#fff;font-family:var(--font-NonNaturalMono);font-size:12px;text-transform:uppercase;letter-spacing:.02em;font-weight:300;position:sticky;top:0;background:#0a0a0a;padding:8px 10px;z-index:1;border-radius:4px}.styles_viewport__zYD_s .styles_canvasContainer__Ae7Us .styles_previewCanvas__9sK0n{border:1px solid #3a3a3a;border-radius:4px;background:#fff;image-rendering:pixelated;width:auto!important;height:auto!important;max-width:none;max-height:none;flex-shrink:0;transform-origin:top left}.styles_hiddenCanvas__24EK4{display:none}@keyframes styles_spin__TYB7f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.styles_container__WsV7r{flex-direction:column}.styles_gui__yjIQI{width:100%;height:auto;max-height:50vh;overflow-y:auto}.styles_viewport__zYD_s{padding:20px}}.styles_referenceImage__UIgjG{position:fixed;top:20px;right:20px;z-index:10;background:rgba(26,26,26,.9);border:1px solid #3a3a3a;border-radius:4px;padding:12px;backdrop-filter:blur(4px);transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transform:translateX(0)}.styles_referenceImage__UIgjG.styles_hidden__ZocsI{transform:translateX(90%)}.styles_referenceImage__UIgjG .styles_referenceHeader__GeU1S{display:flex;align-items:center;gap:8px;margin-bottom:8px}.styles_referenceImage__UIgjG .styles_referenceHeader__GeU1S h4{color:#fff;font-family:var(--font-NonNaturalMono);font-size:10px;text-transform:uppercase;letter-spacing:.02em;font-weight:300;margin:0}.styles_referenceImage__UIgjG .styles_toggleButton__5w9lY{background:transparent;border:1px solid #3a3a3a;color:#fff;width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer}.styles_referenceImage__UIgjG .styles_toggleButton__5w9lY:hover{background:#3a3a3a}.styles_referenceImage__UIgjG .styles_toggleButton__5w9lY:active{transform:scale(.95)}.styles_referenceImage__UIgjG .styles_referenceImg__syOt6{border-radius:2px;object-fit:cover}