.auth-file-tool{--auth-navy:#17324d;--auth-blue:#2563eb;--auth-pale:#eff6ff;--auth-warning:#fffbeb;--auth-warning-border:#f59e0b}.auth-file-hero{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.auth-file-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:0 0 auto;border-radius:1rem;color:#fff;background:linear-gradient(135deg,var(--auth-navy),var(--auth-blue));font-size:1.35rem}.auth-file-hero h1,.auth-preview h2,.auth-steps h2{color:var(--text-color);margin:0}.auth-file-hero h1{font-size:clamp(1.45rem,4vw,2rem);line-height:1.25}.auth-file-hero p,.auth-preview-heading p{margin:.35rem 0 0;color:var(--text-muted)}
.auth-file-notice{display:flex;gap:.85rem;padding:1rem 1.1rem;margin-bottom:1.5rem;border:1px solid var(--auth-warning-border);border-radius:1rem;background:var(--auth-warning);color:#78350f}.auth-file-notice>i{margin-top:.2rem;font-size:1.1rem}.auth-file-notice p{margin:.25rem 0 0;line-height:1.65}.auth-file-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border-color);border-radius:1.25rem;background:var(--card-bg)}.auth-field{min-width:0}.auth-field-wide{grid-column:1/-1}.auth-field label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:700}.auth-field input{width:100%;box-sizing:border-box;padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:.75rem;background:var(--background-color);color:var(--text-color);font:inherit}.auth-field input:focus{outline:3px solid color-mix(in srgb,var(--auth-blue) 24%,transparent);border-color:var(--auth-blue)}.auth-field small{display:block;margin-top:.4rem;color:var(--text-muted);line-height:1.55}.auth-password-row{display:flex;gap:.5rem}.auth-icon-button{width:3rem;flex:0 0 auto;border:1px solid var(--border-color);border-radius:.75rem;background:var(--background-color);color:var(--text-color);cursor:pointer}
.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem}.auth-primary{min-width:min(100%,18rem)}.auth-actions button:disabled{opacity:.55;cursor:not-allowed}.auth-file-error{grid-column:1/-1;padding:.85rem 1rem;border:1px solid #ef4444;border-radius:.75rem;background:#fef2f2;color:#991b1b;font-weight:600}.auth-file-status{margin:0;color:var(--text-muted)}.auth-preview,.auth-steps{margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border-color);border-radius:1.25rem;background:var(--card-bg)}.auth-preview-heading,.auth-file-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-badge{flex:0 0 auto;padding:.4rem .7rem;border-radius:999px;background:var(--auth-pale);color:#1d4ed8;font-size:.82rem;font-weight:700}.auth-file-card{margin-top:1rem;overflow:hidden;border:1px solid var(--border-color);border-radius:1rem}.auth-file-card-header{padding:.75rem 1rem;background:var(--background-color)}.auth-file-card-header h3{margin:0;color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.auth-copy-button{border:0;background:transparent;color:var(--auth-blue);font:inherit;font-weight:700;cursor:pointer}.auth-file-card pre{min-height:4.5rem;margin:0;padding:1rem;overflow-x:auto;background:#0f172a;color:#e2e8f0;font:.86rem/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.auth-secret-note{margin:0;padding:.75rem 1rem;background:var(--auth-warning);color:#78350f;font-size:.88rem}.auth-steps ol{margin:1rem 0 0;padding-left:1.4rem;color:var(--text-color)}.auth-steps li+li{margin-top:.65rem}
@media(max-width:680px){.auth-file-form{grid-template-columns:1fr}.auth-field-wide{grid-column:auto}.auth-actions,.auth-actions button{width:100%}.auth-preview-heading{align-items:flex-start;flex-direction:column}}