@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;color:#1f1f1f}.app-shell,body{min-height:100vh}.app-shell{position:relative;padding:clamp(18px,4vw,32px);display:flex;flex-direction:column;grid-gap:clamp(16px,2vw,24px);gap:clamp(16px,2vw,24px);overflow:hidden}.background-glow{position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(229,231,235,.6));pointer-events:none;overflow:hidden}.pig-illustration{position:absolute;top:-60px;left:50%;width:clamp(320px,55vw,520px);opacity:.45;transform:translateX(-50%);filter:drop-shadow(0 32px 60px rgba(255,155,190,.35))}.app-header{position:relative;z-index:2;text-align:center;grid-gap:6px;gap:6px;margin-bottom:6px}.app-header,.brand-wrap{display:flex;flex-direction:column;align-items:center}.brand-wrap{grid-gap:2px;gap:2px;text-transform:uppercase;letter-spacing:.12em;color:#111}.brand-title{font-size:clamp(26px,3.5vw,34px);font-weight:700}.brand-tagline{margin:2px 0 0;font-size:clamp(16px,2vw,20px);font-weight:600;letter-spacing:.02em;color:#0b0b0f}.file-input{display:none}.workspace{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));grid-gap:clamp(12px,2vw,20px);gap:clamp(12px,2vw,20px)}.pane{background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:clamp(12px,2vw,18px) clamp(12px,2.4vw,22px);flex-direction:column;box-shadow:0 24px 40px -32px rgba(15,23,42,.18)}.pane,.pane-controls{display:flex;grid-gap:12px;gap:12px}.pane-controls{align-items:center}.pane-controls,.pane-controls--center,.pane-controls--end{justify-content:center}.pane-controls--bottom{margin-top:16px;justify-content:center}.ghost-button,.primary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.primary-button{background:#111827;color:#f4f4f5;box-shadow:0 12px 24px -16px rgba(17,24,39,.5)}.primary-button.hollow{background:#fff;color:#111827;border:1px solid #d4d4d8;box-shadow:none}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px -18px rgba(17,24,39,.45)}.primary-button.hollow:hover:not(:disabled){transform:none;box-shadow:none;background:#f4f4f5;border-color:#c4c4c7}.ghost-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.ghost-button{background:#e5e7eb;color:#111827;border:1px solid #d4d4d8}.ghost-button:hover:not(:disabled){background:#d4d4d8}.pane-body{position:relative;flex:1 1;display:flex;width:100%}.pane-textarea{width:100%;flex:1 1;min-height:480px;resize:vertical;padding:18px;border-radius:6px;border:1px solid #d4d4d8;background:#fff;color:#111827;font-size:15px;line-height:1.6;transition:border-color .2s ease,box-shadow .2s ease}.pane-textarea:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.14)}.upload-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;grid-gap:14px;gap:14px;color:#3f3f46;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(243,244,246,.92));border-radius:6px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;padding:0 24px}.upload-overlay.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.cover-letter-surface{flex:1 1;border-radius:6px;border:1px solid #d4d4d8;background:#fff;padding:clamp(18px,2.6vw,24px);overflow-y:auto}.cover-letter-placeholder{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:12px;gap:12px;text-align:center;color:#5b5b5f;font-size:15px}.cover-letter-placeholder .spinner{margin-bottom:8px}.cover-letter-text{display:flex;flex-direction:column;grid-gap:16px;gap:16px;color:#1f1f1f;font-size:15px;line-height:1.75}.cover-letter-text p{margin:0}.cover-letter-text.muted{opacity:.55}.download-wrapper{position:relative}.primary-button.large{padding:16px 28px;font-size:16px;box-shadow:0 20px 38px -26px rgba(17,24,39,.35)}.primary-button.download{min-width:220px;justify-content:center}.regenerating-pill{margin-top:12px;align-self:flex-start;padding:8px 14px;border-radius:6px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;background:#f4f4f5;color:#3f3f46;display:inline-flex;align-items:center;grid-gap:10px;gap:10px}.download-menu{position:absolute;bottom:calc(100% + 10px);right:0;background:#fff;border-radius:6px;border:1px solid #d4d4d8;box-shadow:0 18px 28px -24px rgba(15,23,42,.32);padding:8px;display:flex;flex-direction:column;min-width:160px;z-index:10}.download-menu button{padding:10px 14px;border:none;background:transparent;color:#111827;text-align:left;border-radius:4px;font-weight:500;cursor:pointer;transition:background .15s ease}.download-menu button:hover{background:#f4f4f5}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);padding:14px 22px;border-radius:6px;font-weight:500;background:#111827;border:1px solid #111827;color:#f8fafc;box-shadow:0 20px 40px -24px rgba(15,23,42,.35);z-index:20}.toast-error{background:#7f1d1d;border-color:#7f1d1d;color:#fee2e2}.toast-notice{background:#0f172a;border-color:#0f172a;color:#e0f2fe}@media (max-width:960px){.workspace{grid-template-columns:1fr}.pane-controls{flex-wrap:wrap;grid-gap:10px;gap:10px}}.admin-container{max-width:960px;margin:60px auto;padding:0 24px;color:#111827}.admin-container h1,.admin-container h2{margin-bottom:16px;font-weight:700}.admin-table{width:100%;border-collapse:collapse;margin-top:24px;background:#fff;border:1px solid #d4d4d8;border-radius:8px;overflow:hidden}.admin-table td,.admin-table th{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:14px}.admin-table tr:last-child td{border-bottom:none}.admin-link{color:#111827;font-weight:600}.admin-link:hover{text-decoration:underline}.admin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin:24px 0 36px}.admin-details dt{font-weight:600;margin-bottom:4px;color:#374151}.admin-details dd{margin:0;font-size:14px;color:#1f2937}.admin-card{background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:20px;margin-bottom:24px}.admin-card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Inter,Courier New,Courier,monospace;font-size:14px;line-height:1.6}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid #e5e7eb;border-top-color:#f38fb3;animation:spinner-rotate 1.1s linear infinite}.spinner--small{width:18px;height:18px;border-width:3px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}