*{margin:0;padding:0}body{min-width:320px;min-height:100vh}@font-face{font-family:QuoteFont;src:url(/fonts/quote-font.ttf)format("truetype");font-weight:700}*{box-sizing:border-box}.page{background:linear-gradient(#0f1115 0%,#1a1d24 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.card{color:#f2f3f5;background:#1e222b;border:1px solid #2c313c;border-radius:16px;width:100%;max-width:560px;padding:28px 24px;box-shadow:0 20px 50px #00000059}h1{margin:0 0 6px;font-size:24px;font-weight:700}.subtitle{color:#9aa1ad;margin:0 0 24px;font-size:14px;line-height:1.5}.field{margin-bottom:20px}.field label{color:#c7cbd3;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input[type=file]{color:#c7cbd3;width:100%;font-size:13px}.field textarea{color:#f2f3f5;resize:vertical;background:#14161c;border:1px solid #363b47;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px}.field textarea::placeholder{color:#6b7280}.filename,.hint{color:#7fd1a3;margin-top:6px;font-size:12px;display:block}.hint{color:#9aa1ad}.generate-btn{color:#fff;cursor:pointer;background:#3d5afe;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-size:15px;font-weight:700}.generate-btn:disabled{color:#6b7280;cursor:not-allowed;background:#363b47}.result{margin-top:22px}.download-all-btn{color:#08130b;cursor:pointer;background:#22c55e;border:none;border-radius:10px;width:100%;margin-bottom:16px;padding:12px;font-size:14px;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.grid-item{background:#14161c;border:1px solid #2c313c;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.grid-item img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.grid-item a{text-align:center;color:#8fb2ff;border-top:1px solid #2c313c;padding:8px;font-size:12px;text-decoration:none;display:block}.modal-overlay{z-index:10;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#f2f3f5;background:#1e222b;border:1px solid #363b47;border-radius:12px;max-width:380px;padding:20px}.modal p{margin:0 0 16px;font-size:14px;line-height:1.5}.modal button{color:#fff;cursor:pointer;background:#3d5afe;border:none;border-radius:8px;width:100%;padding:10px;font-weight:700}