*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0B0B0C;--card: #141416;--card2: #1a1a1c;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.16);--tx: #EAEAEA;--mu: #8E8E93;--su: #555;--cy: #06b6d4;--cy-dim: rgba(6,182,212,.12);--cy-border: rgba(6,182,212,.3);--cy-text: #a5f3fc;--r: 14px;--ea: .18s cubic-bezier(.4,0,.2,1)}html,body{min-height:100%;background:var(--bg);color:var(--tx);font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 20px 80px}.container{width:100%;max-width:640px}.header{text-align:center;margin-bottom:40px}.supertitle{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin-bottom:14px}.title{font-size:42px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#eaeaea;margin-bottom:14px}.title em{font-style:italic;color:var(--cy);font-weight:700}.description{font-size:15px;color:var(--mu);max-width:420px;margin:0 auto;line-height:1.6;font-weight:300}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 28px;margin-bottom:12px}.card-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--su);margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#cfcfd2;font-family:inherit;font-size:13px;font-weight:400;cursor:pointer;transition:all var(--ea);white-space:nowrap}.chip:hover{background:#ffffff0f;border-color:#fff3}.chip.selected{background:#06b6d414;border-color:#06b6d44d;color:var(--cy-text)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 480px){.two-col{grid-template-columns:1fr}}.tom-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 480px){.tom-btns{grid-template-columns:1fr}}.tom-btn{padding:12px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#cfcfd2;font-family:inherit;font-size:13px;font-weight:400;cursor:pointer;transition:all var(--ea);text-align:center;line-height:1.4}.tom-btn:hover{background:#ffffff0f;border-color:#fff3}.tom-btn.selected{background:#06b6d414;border-color:#06b6d44d;color:var(--cy-text)}.textarea-wrap{margin-bottom:12px}textarea{width:100%;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;font-family:inherit;font-size:14px;font-weight:300;color:var(--tx);outline:none;resize:none;transition:border-color var(--ea),box-shadow var(--ea);min-height:52px;line-height:1.6}textarea::placeholder{color:var(--su)}textarea:focus{border-color:#06b6d466;box-shadow:0 0 0 3px #06b6d40f}.btn-gerar{width:100%;background:var(--cy-dim);border:1px solid var(--cy-border);border-radius:14px;padding:16px;font-family:inherit;font-size:15px;font-weight:500;color:var(--cy-text);cursor:pointer;transition:all var(--ea);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px}.btn-gerar:hover:not(:disabled){background:#06b6d42e;border-color:#06b6d480;box-shadow:0 4px 20px #06b6d41a}.btn-gerar:disabled{opacity:.6;cursor:not-allowed}.dots span{display:inline-block;animation:blink 1.2s infinite;animation-fill-mode:both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.status-bar{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:4px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--cy);flex-shrink:0}.status-text{font-size:12px;color:var(--su)}.output-card{background:var(--card);border:1px solid rgba(6,182,212,.15);border-radius:16px;padding:28px;margin-bottom:20px;position:relative}.output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.output-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--cy)}.btn-copy{background:transparent;border:1px solid var(--border);border-radius:8px;padding:5px 12px;font-family:inherit;font-size:12px;color:var(--mu);cursor:pointer;transition:all var(--ea);white-space:nowrap}.btn-copy:hover{border-color:var(--border-hover);color:var(--tx)}.btn-copy.copied{color:#4ade80;border-color:#4ade804d}.md-content{font-size:14px;line-height:1.75;color:var(--tx)}.md-content .md-h2{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cy-text);margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(6,182,212,.12)}.md-content .md-h2:first-child{margin-top:0}.md-content .md-p{margin-bottom:6px;color:var(--tx)}.md-content .md-p:empty{margin-bottom:10px}.md-content strong{font-weight:600;color:var(--tx)}.chat-section{margin-bottom:16px}.chat-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--su);margin-bottom:14px}.chat-messages{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.bubble{max-width:85%;padding:11px 15px;border-radius:12px;font-size:14px;line-height:1.6}.bubble-user{align-self:flex-end;background:#222224;color:var(--tx);border-radius:12px 12px 4px}.bubble-ai{align-self:flex-start;background:#1a1a1c;color:var(--tx);border-radius:12px 12px 12px 4px;border:1px solid var(--border)}.bubble-ai .md-content{font-size:13px}.chat-input-row{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px 16px;font-family:inherit;font-size:14px;font-weight:300;color:var(--tx);outline:none;resize:none;transition:border-color var(--ea);min-height:46px;max-height:120px;line-height:1.5}.chat-input::placeholder{color:var(--su)}.chat-input:focus{border-color:#06b6d466}.btn-send{width:40px;height:40px;border-radius:10px;background:var(--cy-dim);border:1px solid var(--cy-border);color:var(--cy-text);font-size:16px;cursor:pointer;transition:all var(--ea);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-send:hover:not(:disabled){background:#06b6d433}.btn-send:disabled{opacity:.4;cursor:not-allowed}.btn-novo{width:100%;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px;font-family:inherit;font-size:14px;color:var(--mu);cursor:pointer;transition:all var(--ea);margin-top:8px}.btn-novo:hover{border-color:#fff3;color:var(--tx)}.cursor{display:inline-block;width:2px;height:14px;background:var(--cy);margin-left:2px;vertical-align:middle;animation:blink-cursor .8s infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}