:root{--bg: #15101a;--bg-2: #1d1626;--panel: #241b30;--panel-2: #2c2138;--border: #3a2d49;--text: #f3edf7;--muted: #b6a6c6;--accent: #e0719a;--accent-2: #c75c86;--radius: 16px;--shadow: 0 10px 40px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -10%,#2a1f38 0%,var(--bg) 55%);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:920px;margin:0 auto;padding:28px 18px 64px}.brand{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.brand h1{font-family:Fraunces,serif;font-weight:600;font-size:30px;margin:0;letter-spacing:.3px}.brand .dot{color:var(--accent)}.subtitle{color:var(--muted);font-size:14px;margin:0 0 22px}.tabs{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:4px;margin-bottom:18px}.tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;padding:9px 22px;border-radius:999px;cursor:pointer}.tabs button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}label.field-label{display:block;font-size:13px;color:var(--muted);margin:0 0 7px;font-weight:600}textarea.prompt{width:100%;min-height:96px;resize:vertical;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:13px 14px;font:inherit;line-height:1.5}textarea.prompt:focus,select:focus{outline:none;border-color:var(--accent)}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.col{flex:1 1 180px;min-width:160px}select{width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px 12px;font:inherit}.seg{display:flex;gap:8px}.seg button{flex:1;border:1px solid var(--border);background:var(--bg-2);color:var(--muted);border-radius:10px;padding:10px;font:inherit;font-weight:600;cursor:pointer}.seg button.on{border-color:var(--accent);color:#fff;background:var(--panel-2)}.hint{color:var(--muted);font-size:12px;margin-top:8px;line-height:1.45}.generate{margin-top:18px;width:100%;border:0;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font:inherit;font-weight:700;font-size:16px;padding:14px;border-radius:12px}.generate:disabled{opacity:.55;cursor:default}.status{margin-top:16px;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin-top:14px;background:#3a1d28;border:1px solid #6e2f44;color:#ffc9d9;padding:11px 13px;border-radius:10px;font-size:14px}.results{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.result{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden}.result img,.result video{width:100%;display:block;background:#000}.result .meta{padding:10px 12px}.result .meta p{margin:0 0 8px;font-size:12px;color:var(--muted);line-height:1.4;max-height:54px;overflow:hidden}.result a.dl{display:inline-block;text-decoration:none;font-size:13px;font-weight:600;color:#fff;background:var(--panel-2);border:1px solid var(--border);padding:7px 12px;border-radius:9px}.result a.dl:hover{border-color:var(--accent)}.empty{color:var(--muted);text-align:center;padding:40px 0;font-size:14px}