@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}.hideouts-main-content,.main-content-area{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}.hideout-image-gallery{position:relative;width:100%;height:100%}.hideout-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}.hideouts-container{background-color:#f5f5f7;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:2rem;margin-bottom:3rem}.hideouts-main-content{flex:1;overflow-y:auto;padding:20px}.hideouts-content{min-height:400px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:2.2rem;width:100%;overflow:hidden}.hideout-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}.hideout-item:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.05)}.hideout-image{width:100%;height:380px;background-color:#f5f5f7;border-radius:8px;overflow:hidden;margin-bottom:1rem;position:relative}.hideout-image img{width:100%;height:100%;object-fit:contain;border-radius:8px;transition:transform .3s ease}.hideout-image:hover img{transform:scale(1.2)}.hideout-title{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}.hideout-homepage-row{display:flex;margin:0 0 .3rem 0;width:100%;background-color:#e6f7ff;border-radius:6px;padding:.3rem .8rem;justify-content:center}.hideout-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}.hideout-homepage a{color:#0071e3;text-decoration:none;font-weight:400;word-break:break-all}.hideout-homepage a:hover{text-decoration:underline}.hideout-content{display:flex;flex-direction:row;gap:1rem;width:100%;min-width:0;max-width:100%;overflow:hidden}.hideout-details{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0;max-width:100%;overflow:hidden}.hideout-info-row{display:flex;justify-content:flex-start;align-items:center;gap:1rem;order:2;margin:.2rem 0;flex-wrap:wrap}.hideout-info-row>*{font-size:.9rem;color:#515154;margin:0;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;max-width:100%}.hideout-author,.hideout-date,.hideout-downloads,.hideout-likes,.hideout-version{display:flex;align-items:center;gap:.4rem}.hideout-version span{color:#4a90e2;font-weight:500;background-color:rgba(74,144,226,.1);padding:.2rem .6rem;border-radius:4px}.hideout-description-container{order:5;height:140px;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}.hideout-description-container::-webkit-scrollbar{width:8px}.hideout-description-container::-webkit-scrollbar-track{background:#f5f5f7;border-radius:8px}.hideout-description-container::-webkit-scrollbar-thumb{background-color:#d1d1d6;border-radius:8px}.hideout-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}.hideout-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:.2rem;min-width:100px;justify-content:flex-start;flex-shrink:0;overflow:visible}.hideout-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)}.hideout-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)}.download-hideout-btn{background-color:#e6f7ff;color:#1d1d1f;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:.5rem .8rem}.download-hideout-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-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)}.hideout-tabs{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e5ea;padding-bottom:1.2rem;justify-content:center}.hideout-tabs .tab-btn{background-color:rgba(0,102,204,.1);border:none;font-size:1.2rem;color:#515154;cursor:pointer;padding:.8rem 1.5rem;position:relative;transition:all .3s ease;border-radius:8px;font-weight:500;box-shadow:0 2px 5px rgba(0,0,0,.05)}.hideout-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)}.hideout-tabs .tab-btn.active{color:#fff;font-weight:600;background-color:#06c;transform:translateY(-2px)}.hideout-tabs .tab-btn.active::after{content:'';position:absolute;bottom:-1.2rem;left:0;width:100%;height:3px;background-color:#06c}.hideouts-search{display:flex;gap:.5rem;margin-bottom:2rem}.hideouts-search input{flex:1;padding:.7rem 1rem;border-radius:8px;border:1px solid #d2d2d7;font-size:1rem}.hideouts-search .btn{padding:.7rem 1.5rem;background-color:#f5f5f7;color:#1d1d1f;border:1px solid rgba(0,0,0,.1)}.hideouts-search .btn:hover{background-color:#e5e5ea}.download-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="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>');background-size:contain;margin-right:.3rem}.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-hideout-upload-area,#hideout-upload-area{border:2px dashed #d2d2d7;background-color:#f9f9fb}#edit-hideout-upload-area:hover,#hideout-upload-area:hover{border-color:#0071e3;background-color:rgba(0,113,227,.05)}#edit-hideout-upload-area.has-file,#hideout-upload-area.has-file{border-color:#34c759;background-color:rgba(52,199,89,.05)}#manage-hideout-title,#preview-hideout-title{color:#06c}@media (max-width:768px){.hideouts-content{grid-template-columns:1fr;gap:1.5rem}.hideout-content{flex-direction:column;gap:.8rem}.hideout-details{width:100%}.hideout-image{height:220px}.hideout-title{font-size:1.3rem}.hideout-actions{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:.8rem;gap:.9rem}.hideout-actions .btn{flex:1;min-width:calc(50% - .4rem)}.hideouts-search{flex-direction:column}.hideouts-search input{width:100%}}.hideouts-content .error-message,.hideouts-content .loading-message,.hideouts-content .placeholder{grid-column:1/-1;text-align:center;padding:40px 20px;color:#86868b;font-size:1.1rem}.hideouts-content .error-message{color:#ff3b30}