@charset "UTF-8";.container{max-width:900px;margin:50px auto;padding:20px}.description{margin-bottom:30px;font-size:16px;line-height:1.6;color:#555}.slug-maker-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;margin-bottom:40px;padding:30px}.input-section h2{margin-bottom:15px;font-size:18px;color:#235180}.input-section textarea{width:100%;height:150px;padding:15px;border:1px solid #ccc;border-radius:4px;font-size:16px;resize:vertical;-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}.input-section textarea:focus{border-color:#235180;outline:0;-webkit-box-shadow:0 0 0 2px rgba(35,81,128,.2);box-shadow:0 0 0 2px rgba(35,81,128,.2)}.input-section .input-hint{margin-top:8px;font-size:13px;color:#666;font-style:italic}.options-section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.options-section .option-group{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:250px}.options-section .option-group h3{margin-bottom:15px;font-size:16px;color:#235180}.options-section .option-group .radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.options-section .option-group .radio-group label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative}.options-section .option-group .radio-group label input[type=radio]{margin-right:10px;cursor:pointer}.options-section .option-group .radio-group label .recommended-label{background-color:#4caf50;color:#fff;font-size:12px;padding:0 8px;border-radius:10px;margin-left:12px}.options-section .translate-button{width:100%;padding:15px;margin-top:20px;background-color:#235180;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.options-section .translate-button:hover{background-color:#1a3d61}.options-section .translate-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.output-section{position:relative}.output-section h2{margin-bottom:15px;font-size:18px;color:#235180}.output-section .loading-indicator{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px}.output-section .loading-indicator .spinner{width:40px;height:40px;border:4px solid rgba(35,81,128,.2);border-radius:50%;border-top-color:#235180;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;margin-bottom:15px}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.output-section .loading-indicator p{color:#555}.output-section .results-container{min-height:150px;border:1px solid #eee;border-radius:4px;background-color:#f9f9f9}.output-section .results-container .no-results{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:150px;color:#777;text-align:center;padding:0 20px}.output-section .results-container .results-list{display:none;padding:15px}.output-section .results-container .results-list .result-group{margin-bottom:25px;padding-bottom:15px;border-bottom:1px dashed #ccc}.output-section .results-container .results-list .result-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.output-section .results-container .results-list .result-group .original-text{font-weight:700;margin-bottom:10px;padding:8px;background-color:#f0f0f0;border-radius:4px}.output-section .results-container .results-list .result-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border-bottom:1px solid #eee}.output-section .results-container .results-list .result-item:last-child{border-bottom:none}.output-section .results-container .results-list .result-item .result-text{font-family:monospace;font-size:16px;word-break:break-all}.output-section .results-container .results-list .result-item .result-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.output-section .results-container .results-list .result-item .result-actions .copy-button{padding:8px 15px;background-color:#235180;color:#fff;border:none;border-radius:4px;cursor:pointer;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}.output-section .results-container .results-list .result-item .result-actions .copy-button:hover{background-color:#1a3d61}.output-section .results-container .results-list .result-item .result-actions .copy-button.copied{background-color:#4caf50}.info-section{background-color:#f5f5f5;border-radius:8px;padding:25px;font-size:14px}.info-section h3{margin:25px 0 15px;font-size:16px;color:#235180}.info-section ol,.info-section ul{margin-left:20px}.info-section ol li,.info-section ul li{margin-bottom:10px;line-height:1.6}.info-section ul{list-style-type:disc}@media (max-width:768px){.slug-maker-container{padding:20px}.options-section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.options-section .option-group{width:100%}}