.bra{padding-top:3rem;padding-bottom:5rem}.bra-back{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:2rem;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;border-radius:50px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.bra-back svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.bra-back:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ffcc0014}.bra-back:hover svg{transform:translate(-4px)}.bra-header{margin-bottom:2.5rem}.bra-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#e5091414;border:1px solid rgba(229,9,20,.2);border-radius:20px;margin:0 auto 1.5rem}.bra-header h1{font-size:2.2rem;font-weight:800;margin-bottom:.75rem}.bra-sections-stack{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.bra-card-new{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.bra-card-new:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.bra-card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);background:#e509140a}.bra-card-header h2{font-size:1.1rem;font-weight:700;margin:0 0 .15rem;color:var(--color-text)}.bra-card-header p{font-size:.85rem;color:var(--color-text-muted);margin:0}.bra-card-body{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.bra-step-num{width:34px;height:34px;border-radius:50%;background:#e50914;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;flex-shrink:0}.bra-dropzone-new{border:2px dashed var(--color-border);border-radius:14px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--color-bg-card)}.bra-dropzone-new:hover,.bra-dropzone-new.drag-over{border-color:var(--color-primary);background:#ffcc000a}.bra-dropzone-new p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.bra-dropzone-new p strong{color:var(--color-primary)}.bra-file-loaded{display:flex;align-items:center;justify-content:space-between;background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1rem 1.25rem}.bra-file-info{display:flex;align-items:center;gap:1rem}.bra-file-name{font-weight:600;font-size:.9rem;color:var(--color-text);display:block}.bra-file-meta{font-size:.8rem;color:var(--color-text-muted)}.bra-file-clear-btn{background:#0003;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.bra-file-clear-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.bra-config-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem}.bra-field{display:flex;flex-direction:column;gap:.5rem}.bra-field-full{grid-column:1 / -1}.bra-field-label{display:block;font-size:.8rem;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.bra-field-hint{font-size:.73rem;color:var(--color-text-muted);opacity:.7;line-height:1.5;margin-top:.4rem}.bra-textarea{width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:.8rem 1rem;color:var(--color-text);font-size:.9rem;font-family:inherit;resize:vertical;transition:all .2s ease;box-sizing:border-box}.bra-input{width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:.7rem 1rem;color:var(--color-text);font-size:.95rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.bra-textarea:hover,.bra-input:hover{border-color:#e509144d}.bra-textarea:focus,.bra-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #e509141a;background:var(--color-bg-card)}.bra-sheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.bra-sheet-row-new{display:flex;align-items:flex-start;gap:.75rem;background:var(--color-bg-dark, rgba(0,0,0,.15));border:1px solid var(--color-border);border-radius:12px;padding:.75rem 1rem;transition:border-color .2s,transform .2s}.bra-sheet-row-new:hover{border-color:#e509144d;transform:translateY(-2px)}.bra-sheet-num-new{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;background:#e509141f;color:var(--color-primary);border-radius:6px;font-size:.75rem;font-weight:800;flex-shrink:0}.bra-sheet-name{font-size:.82rem;font-weight:600;margin-bottom:.1rem;color:var(--color-text)}.bra-sheet-desc{font-size:.74rem;color:var(--color-text-muted);line-height:1.4}.bra-generate-btn{width:100%;font-size:1rem;font-weight:700;padding:.9rem 2rem;border-radius:50px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#e50914,#cc0812);color:#fff;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:.5rem}.bra-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #e5091459}.bra-generate-btn:active:not(:disabled){transform:scale(.98)}.bra-generate-btn:disabled{opacity:.5;cursor:not-allowed}.bra-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bra-spin .7s linear infinite;flex-shrink:0}@keyframes bra-spin{to{transform:rotate(360deg)}}.bra-error-banner{background:#dc262614;border:1px solid rgba(220,38,38,.3);border-radius:12px;padding:1rem 1.25rem;font-size:.85rem;color:#f87171}.bra-success-banner{background:#22c55e14;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:1rem 1.25rem;font-size:.9rem;font-weight:600;color:#22c55e}body.light-mode .bra-back:hover{background:#e509140f}body.light-mode .bra-dropzone-new:hover,body.light-mode .bra-dropzone-new.drag-over{background:#e509140a}body.light-mode .bra-textarea,body.light-mode .bra-input{background:#f9fafb;border-color:#e5e7eb;color:#111}body.light-mode .bra-sheet-row-new{background:#fff}body.light-mode .bra-file-clear-btn{background:#0000000d}@media(max-width:768px){.bra-config-grid{grid-template-columns:1fr}.bra-header h1{font-size:1.75rem}}.bra-preview-card3{overflow:visible}.bra-preview-card3-header{flex-wrap:wrap;gap:.75rem}.bra-sheet-select-wrap{position:relative;display:flex;align-items:center;flex-shrink:0}.bra-select-chevron{position:absolute;right:.85rem;pointer-events:none;color:var(--color-text-muted);z-index:1}.bra-sheet-select{appearance:none;-webkit-appearance:none;background:var(--color-bg-dark, rgba(0,0,0,.15));border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.82rem;font-weight:600;font-family:inherit;padding:.55rem 2.5rem .55rem 1rem;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:220px;max-width:280px}.bra-sheet-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e509141f}body.light-mode .bra-sheet-select{background:#f9fafb}.bra-custom-select{position:relative;flex-shrink:0}.bra-custom-select-trigger{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:var(--color-bg-dark, rgba(0,0,0,.15));border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;min-width:200px;max-width:260px;justify-content:space-between;transition:border-color .18s,box-shadow .18s;white-space:nowrap;overflow:hidden}.bra-custom-select-trigger:hover{border-color:var(--color-primary)}.bra-custom-select-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bra-custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:240px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:.4rem;list-style:none;margin:0;z-index:200;max-height:280px;overflow-y:auto;box-shadow:0 8px 32px #0000002e;scrollbar-width:thin}.bra-custom-select-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:8px;font-size:.82rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background .12s;white-space:nowrap}.bra-custom-select-item:hover{background:#7f7f7f14}.bra-custom-select-item.active{background:#e509141a;color:var(--color-primary);font-weight:700}.bra-select-item-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:#7f7f7f1a;font-size:.7rem;font-weight:700;flex-shrink:0;color:var(--color-text-muted)}.bra-custom-select-item.active .bra-select-item-num{background:#e5091426;color:var(--color-primary)}body.light-mode .bra-custom-select-trigger{background:#f9fafb}body.light-mode .bra-custom-select-menu{box-shadow:0 8px 32px #0000001a}.bra-preview3-body{flex:1;display:flex;flex-direction:column;min-height:0}.bra-preview3-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.bra-refresh-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s}.bra-refresh-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.bra-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.bra-preview3-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:bra-spin3 .7s linear infinite}@keyframes bra-spin3{to{transform:rotate(360deg)}}.bra-gen-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;height:440px;padding:2rem;text-align:center}.bra-gen-cta-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#e509141f,#e509140a);border:1.5px solid rgba(229,9,20,.2);margin-bottom:.5rem;position:relative;flex-shrink:0}.bra-gen-cta-icon:before{content:"";position:absolute;top:14px;left:12px;right:12px;height:3px;border-radius:2px;background:var(--color-primary);opacity:.7;box-shadow:0 7px 0 var(--color-primary),0 14px #e5091466,0 21px #e5091440}.bra-gen-cta-icon:after{content:"";position:absolute;inset:12px 10px 10px;border:1.5px solid rgba(229,9,20,.2);border-radius:8px}.bra-gen-cta-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text)}.bra-gen-cta-sub{margin:0;font-size:.82rem;color:var(--color-text-muted);max-width:380px;line-height:1.55}.bra-gen-cta-btn{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;border-radius:50px;border:none;background:linear-gradient(135deg,#e50914,#b80710);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .18s,transform .18s,box-shadow .18s;box-shadow:0 4px 16px #e5091459}.bra-gen-cta-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px #e5091473}.bra-gen-cta-btn:active:not(:disabled){transform:scale(.97)}.bra-gen-cta-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}body.light-mode .bra-gen-cta-btn{color:#fff}.bra-preview3-skeleton{padding:0;display:flex;flex-direction:column;height:440px;overflow:hidden}.bra-skeleton-header{display:flex;gap:1px;padding:.75rem 1rem;border-bottom:2px solid var(--color-border);background:var(--color-bg-card);flex-shrink:0}.bra-skeleton-th{height:12px;border-radius:4px;background:var(--color-border);animation:bra-shimmer 1.4s ease-in-out infinite;margin:2px 8px 2px 0}.bra-skeleton-row{display:flex;gap:1px;padding:.6rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.bra-skeleton-cell{height:10px;border-radius:4px;background:var(--color-border);opacity:.5;animation:bra-shimmer 1.4s ease-in-out infinite;margin:3px 8px 3px 0}.bra-skeleton-th:nth-child(2n){animation-delay:.1s}.bra-skeleton-th:nth-child(3n){animation-delay:.2s}.bra-skeleton-cell:nth-child(2n){animation-delay:.15s}.bra-skeleton-cell:nth-child(3n){animation-delay:.25s}.bra-skeleton-label{text-align:center;padding:1.25rem;color:var(--color-text-muted);font-size:.82rem;letter-spacing:.01em;margin-top:auto}@keyframes bra-shimmer{0%{opacity:.4}50%{opacity:.85}to{opacity:.4}}.bra-preview3-meta{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--color-border);background:#7f7f7f05}.bra-preview3-badge{background:#e509141a;color:var(--color-primary);border:1px solid rgba(229,9,20,.2);border-radius:6px;font-size:.72rem;font-weight:700;padding:.2rem .6rem;letter-spacing:.03em}.bra-preview3-hint{font-size:.78rem;color:var(--color-text-muted)}.bra-preview3-scroll{overflow:auto;height:440px;flex-shrink:0;position:relative}.bra-preview3-scroll:after{content:"";position:sticky;bottom:0;left:0;right:0;display:block;height:48px;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--color-bg-card))}.bra-preview3-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;text-align:center}.bra-preview3-empty-icon{font-size:2.5rem;line-height:1;margin-bottom:.25rem;opacity:.7}.bra-preview3-empty-title{margin:0;font-size:1rem;font-weight:700;color:var(--color-text)}.bra-preview3-empty-sub{margin:0;font-size:.8rem;color:var(--color-text-muted);max-width:340px;line-height:1.5}.bra-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1.5rem;border-top:1px solid var(--color-border)}.bra-page-btn{padding:.35rem .9rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.bra-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.bra-page-btn:disabled{opacity:.3;cursor:not-allowed}.bra-page-indicator{font-size:.78rem;color:var(--color-text-muted);min-width:64px;text-align:center}.bra-preview-table th{padding:.6rem 1rem;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-card);position:sticky;top:0;white-space:nowrap}.bra-preview-table td{padding:.48rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap;font-size:.82rem}.bra-preview-even td{background:#7f7f7f06}.bra-preview3-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;border-top:1px solid var(--color-border);background:#7f7f7f05}.bra-preview3-footer-left{flex:1;min-width:0}.bra-preview3-success{font-size:.85rem;font-weight:600;color:#22c55e}.bra-dl-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.75rem;border-radius:50px;border:none;background:linear-gradient(135deg,#e50914,#b80710);color:#fff;font-size:.92rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 16px #e5091447}.bra-dl-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #e5091466}.bra-dl-btn:active:not(:disabled){transform:scale(.97)}.bra-dl-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}body.light-mode .bra-dl-btn{background:linear-gradient(135deg,#e50914,#c0070f)}.bra-action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:.5rem}.bra-action-row .bra-generate-btn{margin-top:0;flex:1;min-width:180px}.bra-preview-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.9rem 1.5rem;border:1.5px solid var(--color-border);border-radius:50px;background:transparent;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s;white-space:nowrap;flex-shrink:0}.bra-preview-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#e509140a}body:not(.light-mode) .bra-preview-btn:hover:not(:disabled){background:#ffcc000a}.bra-preview-btn:disabled{opacity:.4;cursor:not-allowed}.bra-spinner-dark{border-color:#00000026;border-top-color:var(--color-text)}.bra-preview-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column}.bra-preview-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem;border-bottom:1px solid var(--color-border)}.bra-preview-card-header h2{margin:0;font-size:1.2rem;font-weight:700}.bra-preview-dismiss{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:8px;background:none;color:var(--color-text-muted);font-size:.8rem;font-weight:600;padding:.45rem .9rem;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s;flex-shrink:0}.bra-preview-dismiss:hover{color:var(--color-primary);border-color:var(--color-primary)}.bra-preview-tabs{display:flex;gap:.4rem;overflow-x:auto;flex-wrap:nowrap;padding:.85rem 1.5rem;border-bottom:1px solid var(--color-border);scrollbar-width:thin}.bra-preview-tab{padding:.35rem .85rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:.74rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.bra-preview-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.bra-preview-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#000}body.light-mode .bra-preview-tab.active{color:#fff}.bra-preview-scroll{overflow-x:auto;max-height:480px;overflow-y:auto}.bra-preview-table{width:100%;border-collapse:collapse;font-size:.8rem;min-width:600px}.bra-preview-table th{padding:.65rem .75rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:2px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-card);position:sticky;top:0;white-space:nowrap}.bra-preview-table td{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);color:var(--color-text);white-space:nowrap}.bra-preview-even td{background:#7f7f7f08}.bra-preview-hint{text-align:center;color:var(--color-text-muted);font-size:.78rem;padding:.75rem 1.5rem;margin:0;border-top:1px solid var(--color-border)}.bra-preview-footer{border-top:1px solid var(--color-border);padding:1rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end;align-items:center}.bra-preview-success-text{color:#22c55e;font-size:.85rem;font-weight:600;margin-right:auto}.bra-adtype-pills{display:flex;flex-wrap:wrap;gap:.5rem}.bra-adtype-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;border:1.5px solid var(--color-border);border-radius:50px;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;white-space:nowrap}.bra-adtype-pill:hover{border-color:#e50914;color:#e50914}.bra-adtype-pill.active{background:#e50914;border-color:#e50914;color:#fff!important;box-shadow:0 3px 14px #e5091459}.bra-adtype-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.7}.bra-adtype-pill.active .bra-adtype-dot{opacity:1}.bra-adtype-label{font-weight:400;font-size:.78rem}@media(max-width:768px){.bra-action-row{flex-direction:column}.bra-action-row .bra-generate-btn,.bra-preview-btn{width:100%;justify-content:center}.bra-preview-card-header{flex-direction:column;gap:.75rem}.bra-preview-tabs{padding:.75rem 1rem}.bra-preview-footer{flex-wrap:wrap}}