:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.container{max-width:900px;margin:0 auto;padding:20px}h1{text-align:center;color:#333;margin-bottom:30px}h2{margin:0 0 15px;color:#444;font-size:1.3rem}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.input-group{display:flex;gap:10px}.input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s}.input:focus{outline:none;border-color:#4285f4}.btn{padding:10px 20px;border:none;border-radius:8px;background-color:#4285f4;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#3367d6}.btn:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-primary{background-color:#34a853}.btn-primary:hover{background-color:#2e8b47}.hint{color:#888;font-size:12px;margin-top:8px;margin-bottom:0}.error{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #c33}.success{color:#34a853;margin-bottom:15px}.model-list{max-height:400px;overflow-y:auto}.model-item{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:10px;border:1px solid #e9ecef}.model-name{font-weight:700;color:#333;font-size:1.1rem;margin-bottom:5px}.model-id{color:#666;font-size:12px;font-family:monospace;margin-bottom:8px}.model-limits{display:flex;gap:15px;font-size:12px;color:#888;margin-bottom:8px}.model-desc{font-size:13px;color:#555;line-height:1.4}.chat-result{margin-top:15px}.info-row{display:flex;justify-content:space-between;margin-bottom:10px;padding:10px;background:#e8f0fe;border-radius:6px}.usage-info{padding:8px 12px;background:#f0f9ff;border-radius:6px;margin-bottom:15px;font-size:14px;color:#555}.response-box{background:#f8f9fa;border-radius:8px;padding:15px;border:1px solid #e9ecef}.response-box h4{margin:0 0 10px;color:#333}.response-box pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#333}.debug{background:#f8f9fa;font-size:12px}.debug h3{margin:0 0 10px;color:#666}.debug p{margin:5px 0;color:#888;font-family:monospace}