:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e5e7eb;background-color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f172a}#root{min-height:100vh}a{color:inherit;text-decoration:none}.screen{padding:28px 22px 40px;max-width:720px;margin:0 auto;color:#e5e7eb}.screen-dark{background:#0f172a;min-height:100vh}.screen.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;gap:8px}.screen-hero{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:80px}.card{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 10px 20px #0c0c0d0d}.card-dark{background:#0b1220;border:1px solid rgba(255,255,255,.08);box-shadow:none}.row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.label{font-weight:600}.primary,.secondary{border:none;border-radius:12px;padding:12px 16px;font-size:15px;cursor:pointer}.primary{background:#3b82f6;color:#fff}.primary-lg{width:100%;padding:14px 16px;font-size:16px;border-radius:14px}.secondary{background:#1f2937;color:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary:disabled{opacity:.5;cursor:not-allowed}.generate-cta{margin-top:16px;width:100%;padding:14px 18px;font-size:20px;border-radius:18px}.meta{font-size:13px;color:#94a3b8}.meta-center{text-align:center}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.preset-option{background:#0b1220;border-radius:14px;padding:14px 12px;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;font-size:14px;cursor:pointer;text-align:left;min-height:52px}.preset-option.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.preset-title{font-weight:600}.preset-sub{font-size:12px;color:#9ca3af}.source-preview{font-size:14px;color:#94a3b8}.preset-selected{font-size:12px;color:#6b7280}.source-image{width:100%;max-height:220px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:10px;font-family:inherit;background:#0f172a;color:#e5e7eb}.loader{width:48px;height:48px;border-radius:50%;border:4px solid #1f2937;border-top-color:#3b82f6;animation:spin 1s linear infinite;margin-bottom:12px}.badge{padding:4px 10px;border-radius:999px;background:#1f2937;color:#fff;font-size:12px}.result-preview{background:#fff;border-radius:16px;padding:12px;margin-bottom:16px}.result-card{background:#f3f4f6}.result-preview img{width:100%;border-radius:12px;display:block}.actions{display:flex;gap:12px;margin-top:12px}.result-actions{display:flex;flex-direction:column;gap:6px;margin-top:14px}.result-meta{margin-bottom:14px}.result-edit{padding:6px 12px;font-size:13px}.meta-line{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#cbd5f5;margin-top:6px}.meta-key{color:#94a3b8}.meta-value{color:#e5e7eb;text-align:right}.token-badge{position:absolute;top:24px;right:20px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border-radius:12px;padding:8px 12px;font-weight:600;z-index:2}.screen{padding-top:48px}.hero-icon{font-size:64px;width:240px;height:auto;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;margin-bottom:0}.hero-icon img{width:240px;height:auto;object-fit:contain}.hero-title{font-size:22px;text-align:center;width:100%;max-width:100%}.image-card{background:#f3f4f6;border-radius:18px;overflow:hidden;position:relative;margin:24px 0 18px;min-height:120px}.image-card img{width:100%;max-height:220px;object-fit:cover;display:block}.image-placeholder{display:grid;place-items:center;height:220px;color:#6b7280}.image-action{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#f3f4f6;padding:10px 16px;border-radius:12px;color:#111827;font-weight:600}.preset-title-row{margin:8px 0 12px;color:#94a3b8}.model-switch{margin-bottom:16px;padding:12px;border-radius:14px;background:#0b1220;border:1px solid rgba(255,255,255,.08)}.model-label{font-size:12px;color:#94a3b8;margin-bottom:10px}.model-options{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}.model-btn{border:none;border-radius:12px;padding:10px 12px;background:#111827;color:#e5e7eb;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.model-btn.active{background:#3b82f6;color:#fff}.model-btn:disabled{opacity:.45;cursor:not-allowed}.model-hint{margin-top:8px;font-size:12px;color:#9ca3af}.model-cost{font-size:12px;color:#cbd5f5}.link-block{margin-top:10px;display:inline-flex;width:100%;justify-content:center}.text-link{margin-top:14px;background:transparent;border:none;color:#e5e7eb;font-size:14px;cursor:pointer;text-decoration:underline}.error{background:#7f1d1d;color:#fecaca;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}