.page{position:relative;min-height:100vh;display:flex;flex-direction:column;color:#0f172a}.grid-bg{position:fixed;inset:0;background-color:#fdf9f3;background-image:linear-gradient(0deg,rgba(148,163,184,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 1px);background-size:64px 64px;z-index:0;pointer-events:none}.container{width:min(1080px,calc(100% - 48px));margin:0 auto;position:relative;z-index:1}.site-header{padding:56px 0 24px}.brand{display:inline-flex;align-items:center;gap:14px;font-weight:800;font-size:clamp(1.9rem,3vw,2.7rem);text-transform:uppercase;letter-spacing:.04em}.brand__symbol{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#f8fafc;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.brand__dot{color:#ef4444}.brand__accent{color:#1d4ed8}.tagline{margin:12px 0 0;max-width:560px;color:#475569;font-size:1.05rem;line-height:1.6}.main{display:grid;gap:32px;padding-bottom:96px}@media (min-width: 960px){.main{grid-template-columns:1.2fr .8fr;align-items:start}}.panel{background:#ffffffeb;border-radius:28px;padding:36px;border:1px solid rgba(148,163,184,.28);box-shadow:0 35px 80px #0f172a29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:24px}.panel__copy h1{margin:0;font-size:clamp(1.8rem,2.4vw,2.4rem);line-height:1.18}.panel__copy p{margin:12px 0 0;color:#475569;font-size:1.02rem;line-height:1.7}.generator-form{display:flex;flex-direction:column;gap:16px}.generator-form__label{font-weight:600;color:#0f172a;font-size:.96rem}.generator-form__input{width:100%;border-radius:18px;border:1px solid rgba(37,99,235,.18);padding:18px 20px;font-size:1rem;font-family:inherit;background:#ffffffe0;transition:border-color .2s ease,box-shadow .2s ease}.generator-form__input:focus{outline:none;border-color:#2563eb80;box-shadow:0 0 0 5px #2563eb2e}.generator-form__input:disabled{opacity:.6;cursor:not-allowed}.generator-form__button{align-self:start;border:none;border-radius:18px;padding:16px 28px;font-size:1rem;font-weight:600;color:#f8fafc;background:linear-gradient(135deg,#2563eb,#7c3aed);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.generator-form__button:hover{transform:translateY(-1px);box-shadow:0 20px 35px #3b82f647}.generator-form__button:disabled{cursor:progress;transform:none;box-shadow:none;filter:grayscale(.15)}.feature-list{margin:0;padding:0 0 0 20px;display:grid;gap:6px;color:#475569;font-size:.95rem}.feature-list li{line-height:1.6}.banner{padding:16px 18px;border-radius:18px;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:10px}.banner--info{background:#3b82f629;color:#1d4ed8}.banner--success{background:#22c55e29;color:#15803d}.banner--error{background:#ef444429;color:#b91c1c}.results-header{display:flex;flex-direction:column;gap:8px}.results-header__eyebrow{font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:#1d4ed8;font-weight:700}.results-header h2{margin:0;font-size:clamp(1.4rem,2vw,1.8rem)}.results-header__hint{margin:0;color:#475569;font-size:.95rem;line-height:1.6}.file-card{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:20px;border:1px solid rgba(148,163,184,.3);background:#f8fafcf0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.file-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 32px #1e40af38}.file-card:disabled{cursor:progress;opacity:.7;transform:none;box-shadow:none}.file-card__icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em}.file-card__meta{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.file-card__name{margin:0;font-weight:600;font-size:1rem}.file-card__topic{margin:0;color:#475569;font-size:.95rem;line-height:1.4}.file-card__time{margin:0;color:#64748b;font-size:.86rem}.file-card__cta{font-weight:600;color:#2563eb;font-size:.95rem}.empty-state{border-radius:18px;border:1px dashed rgba(148,163,184,.45);padding:32px 24px;text-align:center;color:#64748b;display:grid;gap:8px}.empty-state h3{margin:0;font-size:1.1rem;color:#0f172a}@media (max-width: 600px){.panel{padding:28px 24px}.file-card{flex-direction:column;align-items:flex-start}.file-card__cta{align-self:flex-end}.generator-form__button{align-self:stretch;text-align:center}}:root{font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.6;color:#0f172a;background-color:#fdf9f3;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#fdf9f3}#root{min-height:100vh}