:root{--bg-color: #f5f5f7;--text-main: #1d1d1f;--text-muted: #6e6e73;--primary-color: #1d1d1f;--primary-hover: #000000;--glass-bg: #ffffff;--glass-border: #e5e5e7;--danger-color: #d70015;--success-color: #06804b;--card-height: 300px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh}.app-container{max-width:100%;width:100%;margin:0 auto;padding:1.5rem 2rem}header{margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:.75rem}.link-button{text-decoration:none}h1{font-size:2rem;font-weight:700;color:var(--text-main)}.btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001f}.btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 10px #0000002e}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid #1d1d1f;color:var(--text-main)}.btn-outline:hover:not(:disabled){background:#0000000a}.prompt-area{display:flex;flex-direction:column;gap:1rem;background:var(--glass-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--glass-border)}textarea{width:100%;padding:1rem;border-radius:8px;background:#fff;border:1px solid var(--glass-border);color:var(--text-main);font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s}textarea:focus{outline:none;border-color:var(--primary-color)}.grid-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}@media (max-width: 1200px){.grid-container{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 960px){.grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.app-container{padding:1.25rem}.grid-container{grid-template-columns:1fr}}.provider-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;height:var(--card-height);display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.provider-card:hover{border-color:#d1d1d6;box-shadow:0 8px 20px #00000014}.provider-card.status-pending{border-left:4px solid var(--text-muted)}.provider-card.status-loading{border-left:4px solid var(--primary-color)}.provider-card.status-loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(0,0,0,.04),transparent);animation:shimmer 2s infinite;pointer-events:none}.provider-card.status-success{border-left:4px solid var(--success-color);background:linear-gradient(135deg,var(--glass-bg),rgba(6,128,75,.06))}.provider-card.status-error{border-left:4px solid var(--danger-color);background:linear-gradient(135deg,var(--glass-bg),rgba(215,0,21,.06))}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--glass-border)}.icon{width:32px;height:32px;border-radius:6px;background:#fff;padding:2px}.provider-info h3{font-size:1.1rem;margin-bottom:.25rem}.provider-info p{font-size:.8rem;color:var(--text-muted)}.card-content{flex:1;overflow-y:auto;font-size:.85rem;line-height:1.4;padding-right:.5rem;white-space:pre-wrap;word-wrap:break-word}.card-content::-webkit-scrollbar{width:6px}.card-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.error-text{color:#d70015;font-family:monospace;font-size:.8rem}.badge{padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-left:auto}.badge-pending{background:#f2f2f4;color:#6e6e73}.badge-loading{background:#e8e8ed;color:#1d1d1f}.badge-success{background:#eaf6f1;color:#06804b}.badge-error{background:#fdecee;color:#d70015}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50;padding:1rem}.modal-content{background:#fff;border:1px solid var(--glass-border);border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026}.modal-header{padding:1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.9rem;color:var(--text-muted)}.form-group input{padding:.75rem;border-radius:6px;background:#fff;border:1px solid var(--glass-border);color:var(--text-main);font-family:monospace;font-size:.9rem}.form-group input:focus{outline:none;border-color:var(--primary-color)}.form-section{background:#fafafa;padding:1rem;border-radius:8px;border:1px solid var(--glass-border)}.form-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}