.gerador-criativos-wrapper{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);align-items:start;gap:36px;width:100%;display:grid}.gerador-controls-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101914b3;border:1px solid #00ff6629;border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 16px 45px #0006}.controls-header{flex-direction:column;gap:8px;display:flex}.controls-pill{text-transform:uppercase;letter-spacing:.8px;color:#0f6;background:#00ff6614;border:1px solid #00ff6640;border-radius:9999px;align-items:center;gap:6px;width:fit-content;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex}.controls-header h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:1.6rem;font-weight:900}.controls-header p{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.5}.control-group{flex-direction:column;gap:12px;display:flex}.control-label{color:#c8d8ce;text-transform:uppercase;letter-spacing:.6px;font-size:.82rem;font-weight:800}.formato-selector{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formato-btn{color:#94a3b8;cursor:pointer;text-align:left;background:#080e0a99;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.formato-btn strong{color:#fff;font-size:.95rem;display:block}.formato-btn small{color:#64748b;margin-top:2px;font-size:.75rem;display:block}.formato-btn:hover{background:#0e1912cc;border-color:#00ff664d}.formato-btn.active{color:#0f6;background:#00ff6614;border-color:#0f6;box-shadow:0 0 16px #00ff6626}.formato-btn.active strong{color:#0f6}.template-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.template-card-btn{cursor:pointer;text-align:left;background:#080e0a99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:all .2s;display:flex}.template-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.template-tag{text-transform:uppercase;color:#0f6;background:#00ff661a;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:800}.template-card-btn strong{color:#fff;font-size:.92rem;line-height:1.25}.template-card-btn small{color:#94a3b8;font-size:.75rem;line-height:1.35}.template-card-btn:hover{background:#0e1912cc;border-color:#00ff664d}.template-card-btn.active{background:#00ff6614;border-color:#0f6;box-shadow:0 0 16px #00ff6626}.template-card-btn.active strong{color:#0f6}.inputs-row{grid-template-columns:1.5fr 1fr;gap:12px;display:grid}.input-field{flex-direction:column;gap:6px;display:flex}.input-field label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:700}.input-field input{color:#fff;background:#060a08cc;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 14px;font-size:.92rem;font-weight:600;transition:border-color .2s}.input-field input:focus{border-color:#0f6;box-shadow:0 0 10px #0f63}.action-buttons-box{flex-direction:column;gap:10px;margin-top:8px;display:flex}.btn-download-primary{color:#060907;cursor:pointer;background:#0f6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px 20px #00ff664d}.btn-download-primary:hover:not(:disabled){background:#2f7;transform:translateY(-2px);box-shadow:0 10px 28px #00ff6673}.btn-download-primary:disabled{opacity:.6;cursor:not-allowed}.secondary-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-action-whatsapp{color:#060907;cursor:pointer;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:.85rem;font-weight:800;transition:all .2s;display:flex}.btn-action-whatsapp:hover{background:#2fe774;transform:translateY(-1px)}.btn-action-copy{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-action-copy:hover{background:#ffffff26;border-color:#ffffff40}.gerador-preview-panel{position:relative}.preview-sticky-box{flex-direction:column;align-items:center;gap:14px;display:flex;position:sticky;top:100px}.preview-top-badge{color:#94a3b8;background:#0e1912cc;border:1px solid #0f63;border-radius:10px;justify-content:space-between;align-items:center;width:100%;max-width:420px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.dimension-indicator{color:#0f6;font-family:monospace}.canvas-viewport-wrapper{background:#000;border:2px solid #00ff6659;border-radius:20px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 20px 60px #000c,0 0 35px #00ff661f}.canvas-viewport-wrapper.story{width:320px;height:568px}.canvas-viewport-wrapper.feed{width:360px;height:360px}.live-preview-canvas{object-fit:contain;width:100%;height:100%;display:block}.preview-hint{color:#64748b;text-align:center;max-width:380px;margin:0;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:992px){.gerador-criativos-wrapper{grid-template-columns:1fr;gap:32px}.preview-sticky-box{position:static}.canvas-viewport-wrapper.story{width:280px;height:498px}.canvas-viewport-wrapper.feed{width:300px;height:300px}}@media (max-width:600px){.gerador-controls-panel{padding:20px 16px}.formato-selector,.template-grid,.inputs-row,.secondary-actions-row{grid-template-columns:1fr}}
.pg-criativos{box-sizing:border-box;background-color:#0e1310;background-image:radial-gradient(circle at 50% 0,#00ff660f 0%,#0000 60%),radial-gradient(circle at 100% 100%,#38bdf80a 0%,#0000 50%);min-height:calc(100vh - 80px);padding:40px 20px 80px}.criativos-page-container{width:100%;max-width:1240px;margin:0 auto}