@charset "UTF-8";.container{max-width:800px}.input-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.input-section .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:48%}.input-section .input-group label{margin-bottom:8px;font-weight:700}.input-section .input-group input{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.results-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.results-section .result-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.results-section .result-item .result-label{-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:700}.results-section .result-item .result-value{-webkit-box-flex:2;-ms-flex:2;flex:2;padding:8px 12px;background-color:#f0f0f0;border-radius:4px;word-break:break-all}.results-section .result-item .copy-button{-webkit-box-flex:.5;-ms-flex:.5;flex:.5;padding:8px;margin-top:0;font-size:.9em}@media (max-width:600px){.input-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.input-section .input-group{width:100%}.result-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.result-item .copy-button{margin-left:0;margin-top:5px}}