.sstb-team-builder{max-width:960px;margin:0 auto;padding:20px;color:#e6e6e6}.sstb-header{text-align:center;margin-bottom:24px}.sstb-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:#fff}.sstb-header h2:before,.sstb-header h2:after{display:none}.sstb-header p{font-size:.95rem;opacity:.85}.sstb-team-management{margin-bottom:24px}.sstb-input-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.sstb-input-row input{flex:1;min-width:140px;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#fff;font-size:.95rem}.sstb-input-row input::placeholder{color:gray}.sstb-buttons{display:flex;gap:12px;flex-wrap:wrap}.sstb-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:2px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.sstb-btn.download-btn{background:linear-gradient(135deg,#7a5af8,#5b4ac4);color:#fff}.sstb-btn.download-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sstb-btn.share-btn{background:#ffffff14;color:#a0a0a0;border:1px solid rgba(255,255,255,.15)}.sstb-btn.share-btn:hover{background:#ffffff1f;color:#fff}.sstb-capture-area{background-color:#1c1d21;border-radius:2px;padding:20px;border:1px solid rgba(255,255,255,.08)}.sstb-export-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.sstb-export-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.sstb-export-info{display:flex;flex-direction:column;gap:4px}.sstb-export-team-name{font-size:1.25rem;font-weight:700;color:#fff}.sstb-export-creator{font-size:.9rem;color:#a0a0a0}.sstb-capture-area.is-exporting .sstb-remove-char,.sstb-capture-area.is-exporting .sstb-add-button{display:none!important}.sstb-formation-container{display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(160deg,#1e2329,#15181d);border-radius:2px;padding:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.sstb-formation-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.sstb-formation-row-single{flex-wrap:nowrap;justify-content:center;gap:16px}@media(max-width:900px){.sstb-formation-row-single{flex-wrap:wrap;justify-content:center;gap:16px}.sstb-formation-row-single .sstb-slot-wrapper:nth-child(1){flex:0 0 100%;order:1;display:flex}.sstb-formation-row-single .sstb-slot-wrapper:nth-child(2),.sstb-formation-row-single .sstb-slot-wrapper:nth-child(3){flex:1 1 calc(50% - 8px);min-width:100px;order:2}.sstb-formation-row-single .sstb-slot-wrapper:nth-child(4),.sstb-formation-row-single .sstb-slot-wrapper:nth-child(5){flex:1 1 calc(50% - 8px);min-width:100px;order:3}}.sstb-capture-area.is-exporting .sstb-formation-container{min-width:764px}.sstb-capture-area.is-exporting .sstb-formation-row-single{flex-wrap:nowrap!important}.sstb-capture-area.is-exporting .sstb-formation-row-single .sstb-slot-wrapper{flex:none!important;order:unset!important;min-width:unset!important}.sstb-slot-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.sstb-slot-label{font-size:.75rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em}.sstb-char-meta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:20px;margin-top:6px}.sstb-char-meta:empty{display:none}.sstb-meta-icon{width:26px;height:26px;object-fit:contain}.sstb-card-container{position:relative;width:140px;height:200px;border-radius:2px;overflow:hidden;background:linear-gradient(160deg,#2d2d2d,#6b7280 65%)}.sstb-card-container.Character-Tier-1{background:linear-gradient(160deg,#2d2d2d,#6b7280 65%)}.sstb-card-container.Character-Tier-2{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.sstb-card-container.Character-Tier-3{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.sstb-card-frame{position:absolute;inset:0;border:2px solid rgba(255,255,255,.2);border-radius:2px;pointer-events:none}.sstb-add-button{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;cursor:pointer;transition:background .2s}.sstb-add-button:hover{background:#00000080}.sstb-add-button svg{color:#ffffffb3}.sstb-card-content{position:absolute;inset:0;display:flex;flex-direction:column}.sstb-card-content img.character-image{width:100%;height:100%;object-fit:cover}.sstb-card-content .character-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(transparent,#000c);font-size:.8rem;font-weight:600;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sstb-remove-char{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:2px;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;z-index:50;pointer-events:auto}.sstb-remove-char:hover{background:#f009}.sstb-add-button.hidden{display:none!important}@media(max-width:768px){.sstb-card-container{width:105px;height:150px}}.sstb-character-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(4px);padding:20px}.sstb-character-popup[hidden]{display:none}body.sstb-modal-open .top-nav{visibility:hidden!important}.sstb-popup-content{background-color:#1c1d21;border:1px solid rgba(122,90,248,.35);border-radius:2px;max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.sstb-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sstb-popup-header h2{font-size:1.2rem;color:#fff}.sstb-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#a0a0a0;font-size:1.5rem;cursor:pointer}.sstb-close-btn:hover{color:#fff}.sstb-modal-tabs{display:flex;gap:0;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sstb-tab-btn{padding:12px 20px;background:transparent;border:none;color:#a0a0a0;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.sstb-tab-btn:hover{color:#fff}.sstb-tab-btn.active{color:#7a5af8;border-bottom-color:#7a5af8}.sstb-popup-filters{padding:12px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sstb-popup-filters input[type=search]{flex:1;min-width:120px;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#fff}.sstb-filter-buttons{display:flex;flex-wrap:wrap;gap:6px}.sstb-filter-btn{padding:6px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:2px;color:#a0a0a0;font-size:.8rem;cursor:pointer}.sstb-filter-btn:hover,.sstb-filter-btn.active{background:#7a5af833;border-color:#7a5af866;color:#fff}.sstb-filter-icons .sstb-filter-btn{padding:6px 8px;display:inline-flex;align-items:center;justify-content:center}.sstb-filter-icon{width:20px;height:20px;object-fit:contain;display:block}.sstb-filter-asterisk{font-size:12px;color:currentColor}.sstb-search-input{flex:1;min-width:120px}.sstb-chars-grid{padding:16px 20px;overflow-y:auto;max-height:320px;display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.sstb-char-grid-item{width:90px;height:128px;border-radius:2px;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s;box-shadow:0 4px 6px #0000004d}.sstb-char-grid-item.Character-Tier-1{background:linear-gradient(160deg,#2d2d2d,#6b7280 65%)}.sstb-char-grid-item.Character-Tier-2{background:linear-gradient(160deg,#2d2f4d,#7a5af8 65%)}.sstb-char-grid-item.Character-Tier-3{background:linear-gradient(160deg,#6e4c42,#e0c870 65%)}.sstb-char-grid-item:hover{transform:scale(1.05)}.sstb-char-grid-item.sstb-char-disabled{opacity:.45;filter:grayscale(.8);cursor:not-allowed;pointer-events:none}.sstb-char-grid-item.sstb-char-disabled:hover{transform:none}.sstb-char-grid-item.selected{outline:3px solid #7a5af8;outline-offset:2px}.sstb-char-grid-item img{width:100%;height:100%;object-fit:cover}.sstb-char-grid-item .character-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000000d9);font-size:.65rem;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sstb-popup-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.sstb-popup-btn{padding:10px 24px;border-radius:2px;font-size:.95rem;font-weight:600;cursor:pointer;border:none}.sstb-popup-btn.cancel-btn{background:#ffffff14;color:#a0a0a0;border:1px solid rgba(255,255,255,.15)}.sstb-popup-btn.confirm-btn{background:linear-gradient(135deg,#7a5af8,#5b4ac4);color:#fff}.sstb-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;background:#1a1d24;border:1px solid rgba(255,255,255,.1);border-radius:2px;color:#fff;font-size:.9rem;z-index:99999;opacity:0;transition:transform .3s,opacity .3s}.sstb-notification.show{transform:translate(-50%) translateY(0);opacity:1}.sstb-notification.success{border-color:#4ade8080}.sstb-notification.error{border-color:#f8717180}body.tb-download-overlay-open{overflow:hidden!important}.tb-download-overlay{position:fixed!important;inset:0!important;background:#000000e6!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important}.tb-download-overlay[hidden]{display:none!important}.tb-download-card{background:linear-gradient(165deg,#1a1d24,#12141a);border-radius:2px;padding:28px 32px;text-align:center;border:1px solid rgba(255,255,255,.1)}.tb-download-spinner{width:56px;height:56px;margin:0 auto 16px;border:3px solid rgba(122,90,248,.3);border-top-color:#7a5af8;border-radius:50%;animation:sstb-spin .8s linear infinite}@keyframes sstb-spin{to{transform:rotate(360deg)}}.tb-download-text{color:#a0a0a0;font-size:.95rem}.tb-download-bar{margin-top:12px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.tb-download-progress{height:100%;width:30%;background:#7a5af8;animation:sstb-progress 1.5s ease-in-out infinite}@keyframes sstb-progress{0%,to{transform:translate(-100%)}50%{transform:translate(233%)}}
