.app-container{min-height:100vh;background-color:#f0f0f0;padding:8px}.main-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.card-section{background-color:#f0f0f0;border:1px solid #d0d0d0;border-radius:0;padding:8px}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:14px;font-weight:700;color:#000}.card-icon{font-size:20px}.card-title{font-size:14px;font-weight:700}.card-content{display:flex;flex-direction:column;gap:8px}.input-label{font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:13px;color:#333;margin-bottom:4px}.header-input{width:100%;font-family:Consolas,Courier New,monospace;font-size:13px;padding:6px;border:1px solid #d0d0d0;background-color:#fff;color:#000;resize:vertical;min-height:20px}.header-input:focus{outline:1px solid #0078d4;outline-offset:-1px}.input-type-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.radio-group{display:flex;align-items:center;gap:12px}.radio-label{display:flex;align-items:center;gap:4px;font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:13px;color:#000;cursor:pointer}.radio-label input[type=radio]{margin:0;cursor:pointer}.radio-label input[type=radio]:checked{accent-color:#0078d4}.http-message-input{width:100%;font-family:Consolas,Courier New,monospace;font-size:13px;padding:6px;border:1px solid #d0d0d0;background-color:#fff;color:#000;resize:vertical;min-height:200px}.http-message-input:focus{outline:1px solid #0078d4;outline-offset:-1px}.option-section{background-color:#f0f0f0;height:50px;display:flex;align-items:center;padding:0}.option-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.option-label{font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:13px;color:#333}.option-select{font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:13px;padding:6px 10px;border:1px solid #d0d0d0;background-color:#fff;color:#000;cursor:pointer;min-width:120px}.option-select:focus{outline:1px solid #0078d4;outline-offset:-1px}.generate-button{font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:14px;font-weight:700;padding:8px 16px;background-color:#0078d4;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.generate-button:hover:not(:disabled){background-color:#106ebe}.generate-button:active:not(:disabled){background-color:#005a9e}.generate-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.status-label{font-family:Segoe UI,Malgun Gothic,sans-serif;font-size:13px;padding:0 8px}.status-label.loading{color:#0078d4}.status-label.success{color:#107c10}.status-label.error{color:#d13438}.code-output{width:100%;font-family:Consolas,Courier New,monospace;font-size:13px;padding:6px;border:1px solid #d0d0d0;background-color:#fff;color:#000;resize:vertical;min-height:400px;cursor:text}.code-output:focus{outline:1px solid #0078d4;outline-offset:-1px}.footer{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #ddd;color:#888}.footer p{margin:8px 0;font-family:Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#888}.footer a{color:#667eea;text-decoration:none;transition:color .2s}.footer a:hover{color:#5568d3;text-decoration:underline}@media(max-width:768px){.option-group{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:8px 0}.option-section{height:auto;min-height:50px}.radio-group{flex-direction:column;align-items:flex-start;gap:8px}.input-type-group{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0}code{font-family:Consolas,Courier New,monospace}