.styles_wrapper__kpgNm{background-color:#f8f9fa;min-height:100vh;padding:40px 0}.styles_mainContainer__VXvet{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.styles_panelTitle__bB0hz{font-size:1.5rem;font-weight:600;margin-bottom:25px;color:#333;text-align:center}.styles_row___cSQ1{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.styles_col__SIGIT{flex:1 1;min-width:200px}.styles_formGroup__b8qcV{margin-bottom:15px}.styles_formGroup__b8qcV label{display:block;font-weight:600;margin-bottom:8px;color:#555}.styles_inputGroup__t_oyw{display:flex;align-items:center}.styles_inputGroup__t_oyw input{flex:1 1;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.styles_inputGroup__t_oyw span{background:#e9ecef;border:1px solid #ced4da;padding:.375rem .75rem;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#495057}.styles_resultContainer___J_is{margin-top:30px;background:#f1f3f5;padding:20px;border-radius:6px;position:relative}.styles_resultCode__vC7qe{font-family:monospace;font-size:1.1rem;color:#d63384;word-break:break-all}.styles_copyBtn__81Th_{position:absolute;top:15px;right:15px}.styles_preview__8pHzr{margin-top:30px;padding:20px;border:1px solid #ced4da;border-radius:6px;text-align:center}.styles_previewText__kw3yK{margin:0;transition:all .2s ease}