@import url(../share/filters.css);body,html{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh}.page-content{overflow-y:visible!important;height:auto!important;min-height:calc(100vh - 4rem)}.editor-container{overflow-y:visible!important;height:auto!important}.main-content-area,.teammates-main-content{overflow-y:visible!important;height:auto!important}.page-content.tutorial-mode{display:flex;flex-direction:row;gap:0}.page-content.tutorial-mode #main-content{display:none}.tutorial-nav-column{width:300px;background:#f8f9fa;border-right:1px solid #dee2e6;min-height:calc(100vh - 4rem);flex-shrink:0}.tutorial-content-column{flex:1;padding:20px;background:#fff;min-height:calc(100vh - 4rem);overflow-y:auto}select{height:2.6rem;padding:0 2.5rem 0 1rem;border-radius:8px;border:1px solid #d2d2d7;font-size:1rem;font-family:inherit;background-color:#fff;color:#1d1d1f;cursor:pointer;transition:all .2s ease;width:100%;box-sizing:border-box;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23515154"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .8rem center;background-size:1.2rem}select:focus{border-color:#0071e3;outline:0;box-shadow:0 0 0 2px rgba(0,113,227,.1)}select:hover{border-color:#0071e3}select option{padding:.5rem;font-size:1rem;color:#1d1d1f;background-color:#fff}select option:hover{background-color:#f5f5f7}select option:disabled{color:#86868b;background-color:#f5f5f7}.image-gallery-container{margin-top:10px}.image-gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 12px;background:#f8f9fa;border-radius:4px;font-size:18px}.image-counter{color:#06c;font-weight:500}.clear-images-btn{padding:4px 8px;font-size:12px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer}.clear-images-btn:hover{background:#c82333}.image-preview-gallery{position:relative;width:100%;height:200px;border:2px dashed #dee2e6;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.image-preview-gallery.has-images{border-style:solid;border-color:#0071e3;background:#fff}.image-preview-item{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center}.image-preview-item.active{display:flex}.image-preview-item img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.image-delete-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:rgba(220,53,69,.9);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2}.image-delete-btn:hover{background:#dc3545}.image-gallery-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:10px;padding:8px;background:#f8f9fa;border-radius:4px}.gallery-btn{width:32px;height:32px;background:#06c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.gallery-btn:hover{background:#0071e3;transform:scale(1.1)}.gallery-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.current-image-indicator{color:#06c;font-weight:500;font-size:14px;min-width:40px;text-align:center}.teammate-image-gallery{position:relative;width:100%;height:100%}.teammate-image-gallery .current-image{width:100%;height:100%;object-fit:contain;transition:transform .2s ease;background:#f8f9fa}.image-gallery-nav{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.7);padding:4px 8px;border-radius:12px;backdrop-filter:blur(4px)}.gallery-nav-btn{width:24px;height:24px;background:rgba(255,255,255,.75);color:#333;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.gallery-nav-btn:hover{background:rgba(255,255,255,.9);transform:scale(1.1)}.gallery-nav-btn:disabled{background:rgba(255,255,255,.5);cursor:not-allowed;transform:none}.image-nav-indicator{color:#fff;font-size:10px;font-weight:500;min-width:25px;text-align:center}.teammates-container{background-color:#f5f5f7;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:2rem;margin-bottom:3rem}.teammates-main-content{flex:1;overflow-y:auto;padding:20px}.teammates-content{min-height:400px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:2.2rem;width:100%;overflow:hidden}.teammate-item{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:0;transition:transform .2s ease,box-shadow .2s ease;transform:translateZ(0);max-width:100%;min-width:0;overflow:hidden}.teammate-item:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.05)}.teammate-image{width:100%;height:280px;background-color:#f5f5f7;border-radius:8px;overflow:hidden;margin-bottom:1rem;position:relative}.teammate-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;transition:transform .3s ease}.teammate-image:hover img{transform:scale(1.1)}.teammate-name{font-size:1.35rem;font-weight:500;color:#1d1d1f;margin:.3rem 0 .2rem 0;line-height:1.3;min-height:1.3em;text-align:center;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto}.teammate-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.3rem}.teammate-rating-row{margin-bottom:.2rem;display:flex;justify-content:flex-start}.teammate-type{font-size:1.2rem;font-weight:600;color:#666}.teammate-type.ally{color:#4caf50}.teammate-type.spirit{color:#9c27b0}.teammate-type.unknown{color:#757575}.teammate-rating-display{display:flex;align-items:baseline;gap:.5rem}.teammate-rating-display .rating-info{display:inline-block;line-height:1;font-size:1rem;vertical-align:baseline;margin:0;padding:0}.average-stars{font-size:1.3rem;color:gold;line-height:1;vertical-align:baseline}.rating-count{font-size:.9rem;color:#666;font-weight:500}.teammate-author-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:.9rem;color:#666}.teammate-author span,.teammate-date,.teammate-likes span{font-weight:500}.teammate-likes{color:#e91e63;font-weight:600}.teammate-likes i{margin-right:.2rem}.teammate-stats-row{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;font-size:.85rem;color:#666}.teammate-capture-location span,.teammate-game-version span,.teammate-spirit-cost span{font-weight:500;color:#333}.teammate-homepage-row{display:flex;margin:0 0 .3rem 0;width:100%;background-color:#e6f7ff;border-radius:6px;padding:.3rem .8rem;justify-content:center}.teammate-homepage{font-size:.85rem;margin:0;width:100%;overflow:hidden;text-align:center;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word}.teammate-homepage a{color:#0071e3;text-decoration:none;font-weight:400;word-break:break-all}.teammate-homepage a:hover{text-decoration:underline}.teammate-content{display:flex;flex-direction:row;gap:1rem;width:100%;min-width:0;max-width:100%;overflow:hidden}.teammate-details{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0;max-width:100%;overflow:hidden}.teammate-info-row{display:flex;justify-content:flex-start;align-items:center;gap:1rem;order:2;margin:.2rem 0;flex-wrap:wrap}.teammate-info-row>*{font-size:.9rem;color:#515154;margin:0;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;max-width:100%}.teammate-author,.teammate-capture-location,.teammate-date,.teammate-likes,.teammate-spirit-cost{display:flex;align-items:center;gap:.4rem}.teammate-spirit-cost span{color:#1976d2;font-weight:600;background-color:rgba(25,118,210,.1);padding:.2rem .6rem;border-radius:4px}.teammate-capture-location span{color:#1976d2;font-weight:500;background-color:rgba(25,118,210,.1);padding:.2rem .6rem;border-radius:4px}.teammate-game-version{order:3;margin:.2rem 0}.teammate-game-version p{font-size:.9rem;color:#515154;margin:0}.teammate-game-version span{color:#1976d2;font-weight:500;background-color:rgba(25,118,210,.1);padding:.2rem .6rem;border-radius:4px}.teammate-description-container{order:5;height:120px;overflow-y:auto;overflow-x:hidden;border:1px solid #e5e5ea;border-radius:8px;padding:.7rem;margin:.3rem 0;background-color:#fcfcfc;max-width:100%;box-sizing:border-box}.teammate-description-container::-webkit-scrollbar{width:8px}.teammate-description-container::-webkit-scrollbar-track{background:#f5f5f7;border-radius:8px}.teammate-description-container::-webkit-scrollbar-thumb{background-color:#d1d1d6;border-radius:8px}.teammate-description{font-size:.9rem;color:#515154;line-height:1.5;margin:0;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;white-space:pre-line;max-width:100%;overflow-wrap:anywhere}.teammate-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:.2rem;min-width:100px;justify-content:flex-start;flex-shrink:0;overflow:visible}.teammate-actions .btn{padding:.5rem .8rem;font-size:.92rem;text-align:center;flex:0;min-width:60px;border-radius:8px;transition:all .3s cubic-bezier(.25, .8, .25, 1);transform:translateZ(0);background-color:#e6f7ff;color:#1d1d1f;border:1px solid rgba(0,0,0,.1)}.teammate-actions .btn:hover{background-color:#e6f7ff;transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,113,227,.1);transition:all .3s cubic-bezier(.25, .8, .25, 1)}.teammate-actions .rating-btn{background-color:#2196f3;color:#fff;border:1px solid #1976d2}.teammate-actions .rating-btn:hover{background-color:#1976d2}.teammate-actions .rating-btn.rated{background-color:#1565c0;color:#fff}.teammate-actions .rating-btn.rated:hover{background-color:#0d47a1}#rating-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}#rating-modal .modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}#rating-modal .rating-info{margin-bottom:1.5rem;text-align:center}#rating-modal .rating-info h4{margin:0 0 1rem 0;color:#333;font-size:1.2rem}.current-rating{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;color:#666}.comment-section{margin-bottom:1.5rem}.comment-section .form-group{margin-bottom:0}.comment-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.comment-section textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.comment-section textarea:focus{outline:0;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.rating-section{margin-bottom:1.5rem;text-align:center}.rating-label{font-size:1rem;color:#333;margin-bottom:1rem;font-weight:500}.rating-buttons{display:flex;justify-content:center;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}.rating-btn-option{padding:.6rem 1.2rem;border:2px solid #ddd;border-radius:8px;background:#fff;color:#666;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;min-width:60px}.rating-btn-option:hover{border-color:gold;background:#fff9e6;color:#333;transform:translateY(-2px);box-shadow:0 4px 8px rgba(255,215,0,.3)}.rating-btn-option.selected{border-color:gold;background:gold;color:#fff;box-shadow:0 4px 12px rgba(255,215,0,.4)}.rating-preview{text-align:center;margin-bottom:1rem;min-height:30px;display:flex;align-items:center;justify-content:center}.preview-stars{font-size:1.5rem;color:gold}.selected-rating{font-size:1rem;color:#333;font-weight:500}.rating-status-info{margin-bottom:1.5rem;text-align:center}.rating-status-info div{margin-bottom:.5rem;font-size:.9rem}.rating-actions{display:flex;justify-content:center;gap:1rem}.rating-actions .btn{padding:.8rem 1.5rem;font-size:1rem}.btn-secondary{background-color:#6c757d;color:#fff;border:none}.btn-secondary:hover{background-color:#5a6268}.comment-btn{position:relative;padding:.5rem 1rem;font-size:.9rem;flex:1;min-width:110px;text-align:center;border-radius:6px;background-color:#e6f7ff;color:#1d1d1f;border:1px solid rgba(0,0,0,.1);overflow:visible}.comment-btn:hover{background-color:#e6f7ff;transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,113,227,.1);transition:all .3s cubic-bezier(.25, .8, .25, 1)}.comment-count{position:absolute;top:-8px;left:-8px;background-color:#06c;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;z-index:10;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}.manage-btn{background-color:#e6f7ff;color:#1d1d1f;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:.5rem .8rem}.manage-btn:hover{background-color:#e6f7ff;transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,113,227,.1);transition:all .3s cubic-bezier(.25, .8, .25, 1)}.like-btn{background-color:#e6f7ff;color:#1d1d1f;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:.5rem .8rem}.like-btn:hover{background-color:#e5e5ea;transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.25, .8, .25, 1)}.like-btn.liked{background-color:#06c;color:#fff;border:1px solid #06c;border-radius:6px}.like-btn.liked:hover{background-color:#0071e3;transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,113,227,.3);transition:all .3s cubic-bezier(.25, .8, .25, 1)}.teammate-tabs{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e5ea;padding-bottom:1.2rem;justify-content:center;flex-wrap:wrap}.teammate-tabs .tab-btn{background-color:rgba(0,102,204,.1);border:none;font-size:1.1rem;color:#515154;cursor:pointer;padding:.8rem 1.2rem;position:relative;transition:all .3s ease;border-radius:8px;font-weight:500;box-shadow:0 2px 5px rgba(0,0,0,.05);white-space:nowrap}.teammate-tabs .tab-btn:hover{color:#1d1d1f;background-color:rgba(0,102,204,.2);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.teammate-tabs .tab-btn.active{color:#fff;font-weight:600;background-color:#06c;transform:translateY(-2px)}.teammate-tabs .tab-btn.active::after{content:'';position:absolute;bottom:-1.2rem;left:0;width:100%;height:3px;background-color:#06c}.teammates-search{display:flex;gap:.5rem;margin-bottom:2rem}.teammates-search input{flex:1;padding:.7rem 1rem;border-radius:8px;border:1px solid #d2d2d7;font-size:1rem}.teammates-search .btn{padding:.7rem 1.5rem;background-color:#f5f5f7;color:#1d1d1f;border:1px solid rgba(0,0,0,.1)}.teammates-search .btn:hover{background-color:#e5e5ea}.like-icon{display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2386868b"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');background-size:contain;margin-right:.3rem}#edit-image-upload-area,#image-upload-area{border:2px dashed #d2d2d7;background-color:#f9f9fb}#edit-image-upload-area:hover,#image-upload-area:hover{border-color:#0071e3;background-color:rgba(0,113,227,.05)}#edit-image-upload-area.has-file,#image-upload-area.has-file{border-color:#34c759;background-color:rgba(52,199,89,.05)}#manage-teammate-title,#preview-teammate-title{color:#06c}.required{color:#ff3b30;font-weight:700}@media (max-width:768px){.teammates-content{grid-template-columns:1fr;gap:1.5rem}.teammate-header{flex-wrap:wrap;gap:.5rem}.teammate-author-row,.teammate-stats-row{flex-wrap:wrap;gap:.5rem}.teammate-content{flex-direction:column;gap:.8rem}.teammate-details{width:100%}.teammate-image{height:220px}.teammate-name{font-size:1.3rem}.teammate-actions{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:.8rem;gap:.9rem}.teammate-actions .btn{flex:1;min-width:calc(50% - .4rem)}.teammates-search{flex-direction:column}.teammates-search input{width:100%}.teammate-tabs{gap:.8rem;justify-content:flex-start;overflow-x:auto;padding-bottom:1.5rem}.teammate-tabs .tab-btn{font-size:.95rem;padding:.6rem 1rem;flex-shrink:0}}.teammates-content .error-message,.teammates-content .loading-message,.teammates-content .placeholder{grid-column:1/-1;text-align:center;padding:40px 20px;color:#86868b;font-size:1.1rem}.teammates-content .error-message{color:#ff3b30}.image-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f8f9fa}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #06c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.compression-status{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.compression-content{text-align:center;color:#06c}.compression-content i{font-size:2rem;margin-bottom:.5rem}.compression-text{display:block;font-size:1rem;margin-bottom:.5rem}.compression-progress{font-size:.9rem;color:#666}