:root{--color-primary:#2563EB;--color-primary-hover:#1E40AF;--color-accent:#10B981;--color-warning:#F59E0B;--color-error:#EF4444;--color-bg:#F8FAFC;--color-card-bg:#FFFFFF;--color-text:#0F172A;--color-text-secondary:#475569;--color-border:#E2E8F0;--color-input-bg:#FFFFFF;--color-disabled:#94A3B8;--radius:12px;--radius-sm:10px;--spacing:16px;--spacing-sm:12px}[data-theme=dark]{--color-primary:#2563EB;--color-primary-hover:#1E40AF;--color-accent:#10B981;--color-warning:#F59E0B;--color-error:#EF4444;--color-bg:#0B0F1A;--color-card-bg:#1A1F2E;--color-text:#DCE3F0;--color-text-secondary:#94A3B8;--color-border:#2D3548;--color-input-bg:#0F1525;--color-disabled:#475569}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}button{font-family:inherit;cursor:pointer;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:inherit;background-color:var(--color-input-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;transition:all .2s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary)}label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text)}.container{max-width:800px;margin:0 auto;padding:0 var(--spacing)}.card{background-color:var(--color-card-bg);border-radius:var(--radius);padding:var(--spacing);margin-bottom:var(--spacing);border:1px solid var(--color-border);box-shadow:0 1px 3px rgba(0,0,0,.05)}.btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:15px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-card-bg);border-color:var(--color-primary)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-success{background-color:var(--color-accent)}.status-error{background-color:var(--color-error)}.status-idle{background-color:var(--color-disabled)}.field-group{margin-bottom:var(--spacing-sm)}.error-message{color:var(--color-error);font-size:14px;margin-top:6px}.success-message{color:var(--color-accent);font-size:14px;margin-top:6px}.response-box{background-color:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-family:monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.loading{opacity:.7}.text-secondary{color:var(--color-text-secondary);font-size:14px}.text-small{font-size:13px}.mt-1{margin-top:8px}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing)}.w-full{width:100%}