:root{color:#e8ecf8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090d18;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}img{max-width:100%}.app-shell{color:#e8ecf8;background:radial-gradient(circle at top,#7877c629,#0000 32%),linear-gradient(#0b1020 0%,#11172a 100%);min-height:100vh;padding:40px 24px 56px}.intro-panel{max-width:980px;margin:0 auto 32px}.eyebrow{color:#8ba4ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.875rem}.intro-panel h1{color:#f7f8fe;margin:0;font-size:clamp(2.5rem,5vw,4.75rem);line-height:.96}.intro-copy{color:#b2bfdc;max-width:720px;margin-top:20px;font-size:1.05rem}.workspace{grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:24px;max-width:1280px;margin:0 auto;display:grid}.control-panel,.result-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d19b8;border:1px solid #ffffff14;box-shadow:0 24px 80px #02061773}.control-panel{border-radius:28px;flex-direction:column;gap:18px;padding:22px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field span,.upload-title{color:#f5f7ff;font-size:.95rem;font-weight:600}.field input,.field textarea,.field select{box-sizing:border-box;color:#f5f7ff;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;padding:14px 16px}.field textarea{resize:vertical;min-height:128px}.field input::placeholder,.field textarea::placeholder{color:#8090b0}.field input:focus,.field textarea:focus,.field select:focus{outline-offset:2px;outline:2px solid #7d96ff8c}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cover-library{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;gap:14px;padding:18px;display:grid}.cover-library-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cover-library-header h2{color:#f7f8fe;margin:0 0 6px;font-size:1rem}.cover-library-header p{color:#b2bfdc;margin:0;font-size:.9rem}.text-button{color:#dbe4ff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cover-option{color:#dbe4ff;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;gap:8px;padding:10px;display:grid}.cover-option img{aspect-ratio:3/4;object-fit:cover;border-radius:14px;width:100%}.cover-option span{font-size:.9rem;font-weight:600}.cover-option.is-selected{border-color:#86a8ffcc;box-shadow:0 0 0 1px #86a8ff59}.upload-panel{cursor:pointer;background:linear-gradient(#8ba4ff1a,#8ba4ff0a);border:1px dashed #8ba4ff73;border-radius:22px;gap:8px;padding:18px;display:grid}.upload-copy{color:#b2bfdc;font-size:.92rem}.upload-panel input{color:#d9e2ff}.preview-strip{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;display:grid}.preview-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;margin:0;overflow:hidden}.preview-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.preview-card figcaption{color:#b2bfdc;white-space:nowrap;text-overflow:ellipsis;padding:10px 12px 14px;font-size:.82rem;overflow:hidden}.generate-button,.download-button{color:#091120;min-height:54px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#86a8ff,#bc7cff);border:none;border-radius:999px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.generate-button:disabled{opacity:.6;cursor:progress}.status{border-radius:14px;margin:0;padding:12px 14px;font-size:.95rem}.status.error{color:#ffadad;background:#ff69691f}.debug-panel{background:#8ba4ff0f;border:1px solid #8ba4ff38;border-radius:16px;gap:8px;padding:14px;display:grid}.debug-panel h3,.debug-panel p,.debug-panel ul{margin:0}.debug-panel p,.debug-panel li{color:#cdd8f6;font-size:.9rem}.debug-panel ul{padding-left:18px}.debug-panel code{color:#f6f8ff;white-space:pre-wrap;word-break:break-all;margin-top:4px;display:block}.result-panel{border-radius:32px;flex-direction:column;gap:18px;padding:22px;display:flex}.result-header h2{color:#f7f8fe;margin:0 0 8px;font-size:1.35rem}.result-header p,.result-empty p{color:#b2bfdc;margin:0}.result-frame{background:linear-gradient(#ffffff0f,#ffffff05),#040710e6;border-radius:28px;justify-content:center;align-items:center;min-height:520px;padding:20px;display:flex}.result-frame img{object-fit:contain;border-radius:22px;max-width:100%;max-height:76vh}.result-empty{text-align:center;background:#ffffff05;border:1px dashed #ffffff14;border-radius:28px;place-items:center;gap:10px;min-height:520px;display:grid}@media (width<=960px){.app-shell{padding-inline:16px;padding-top:24px}.workspace{grid-template-columns:1fr}.result-frame,.result-empty{min-height:340px}}@media (width<=640px){.field-grid,.cover-library-header,.cover-grid{grid-template-columns:1fr}.cover-library-header{display:grid}.control-panel,.result-panel{border-radius:24px;padding:18px}}