.template-manager{background:#0a0a0a;height:100%;overflow:hidden}.cosmic-template{background:radial-gradient(at 50% 0,#0d1b2a 0%,#0a0a0a 70%);max-width:1400px;height:100%;margin:0 auto;padding:30px 40px 40px;overflow-y:auto}.cosmic-template::-webkit-scrollbar{width:6px}.cosmic-template::-webkit-scrollbar-track{background:#ffffff05}.cosmic-template::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.cosmic-hero{text-align:center;border-bottom:1px solid #ffffff0a;margin-bottom:40px;padding:50px 0 60px;position:relative}.cosmic-title{color:#fff;letter-spacing:2px;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:56px;font-weight:700;line-height:1.2}.cosmic-subtitle{color:#ffffff59;letter-spacing:.5px;margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:400;line-height:1.6}.cosmic-stats{color:#ffffff26;letter-spacing:1px;justify-content:center;gap:20px;font-size:14px;display:flex}.cosmic-stats span{font-family:Georgia,serif}.cosmic-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:10px 0 30px;display:grid}.cosmic-card{cursor:pointer;opacity:0;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:30px 28px;transition:all .35s;animation:.6s forwards cosmicFadeIn;position:relative;transform:translateY(20px)}.cosmic-card:hover{background:#ffffff0a;border-color:#ffffff14;transform:translateY(-4px)}.cosmic-card:active{transform:scale(.98)}@keyframes cosmicFadeIn{to{opacity:1;transform:translateY(0)}}.cosmic-card-number{color:#ffffff14;letter-spacing:2px;margin-bottom:12px;font-family:Georgia,serif;font-size:13px;font-weight:400}.cosmic-card-title{color:#fff;margin:0 0 10px;font-family:Georgia,serif;font-size:20px;font-weight:600;line-height:1.4}.cosmic-card-desc{color:#ffffff4d;margin:0 0 16px;font-family:Georgia,serif;font-size:15px;line-height:1.7}.cosmic-card-meta{color:#ffffff1f;border-top:1px solid #ffffff08;gap:16px;padding-top:16px;font-family:Georgia,serif;font-size:13px;display:flex}.cosmic-footer{text-align:center;color:#ffffff0f;letter-spacing:1px;border-top:1px solid #ffffff05;margin-top:20px;padding:30px 0 10px;font-family:Georgia,serif;font-size:13px}.cosmic-detail-view{background:radial-gradient(at 50% 0,#0d1b2a 0%,#0a0a0a 70%);flex-direction:column;max-width:1400px;height:100%;margin:0 auto;padding:20px 40px 30px;display:flex;overflow-y:auto}.cosmic-detail-view::-webkit-scrollbar{width:6px}.cosmic-detail-view::-webkit-scrollbar-track{background:#ffffff05}.cosmic-detail-view::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.cosmic-nav-bar{border-bottom:1px solid #ffffff0a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:24px;margin-bottom:24px;padding-bottom:20px;display:flex}.cosmic-back-btn{color:#ffffff4d;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0a;border-radius:6px;padding:8px 20px;font-family:Georgia,serif;font-size:14px;transition:all .3s}.cosmic-back-btn:hover{color:#fff9;background:#ffffff0d}.cosmic-breadcrumb{color:#ffffff26;flex-wrap:wrap;flex:1;align-items:center;gap:8px;font-family:Georgia,serif;font-size:14px;display:flex}.cosmic-breadcrumb-item{color:#fff3;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:300px;transition:color .3s;overflow:hidden}.cosmic-breadcrumb-item:hover{color:#ffffff80}.cosmic-breadcrumb-item.active{color:#ffffffb3}.cosmic-breadcrumb-separator{color:#ffffff0d;font-size:16px}.cosmic-detail-content{flex:1;grid-template-columns:1fr 1fr;gap:40px;min-height:0;display:grid}.cosmic-detail-image{background:#ffffff03;border:1px solid #ffffff08;border-radius:12px;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.cosmic-image-slider{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.cosmic-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex}.cosmic-image-wrapper.transitioning{opacity:.3}.cosmic-detail-img{object-fit:contain;width:100%;height:100%;max-height:550px}.cosmic-image-counter{color:#ffffff26;z-index:5;background:#0006;border-radius:4px;padding:4px 14px;font-family:Georgia,serif;font-size:13px;position:absolute;top:16px;right:16px}.cosmic-image-arrow{color:#fff3;cursor:pointer;z-index:5;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:Georgia,serif;font-size:28px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cosmic-image-arrow:hover{color:#ffffff80;background:#ffffff0d}.cosmic-image-arrow.left{left:16px}.cosmic-image-arrow.right{right:16px}.cosmic-image-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.cosmic-dot{cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.cosmic-dot.active{background:#ffffff26;border-radius:4px;width:24px}.cosmic-dot:hover{background:#ffffff1a}.cosmic-no-image{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex}.cosmic-no-image-icon{color:#ffffff14;margin-bottom:8px;font-family:Georgia,serif;font-size:18px}.cosmic-no-image p{color:#ffffff14;margin:0;font-family:Georgia,serif;font-size:14px}.cosmic-detail-text{flex-direction:column;gap:20px;padding-right:8px;display:flex;overflow-y:auto}.cosmic-detail-text::-webkit-scrollbar{width:4px}.cosmic-detail-text::-webkit-scrollbar-track{background:0 0}.cosmic-detail-text::-webkit-scrollbar-thumb{background:#ffffff0a;border-radius:2px}.cosmic-detail-header{border-bottom:1px solid #ffffff0a;padding-bottom:16px}.cosmic-detail-title{color:#fff;margin:0;font-family:Georgia,serif;font-size:28px;font-weight:600;line-height:1.3}.cosmic-detail-body{flex-direction:column;gap:24px;display:flex}.cosmic-detail-section h4{color:#ffffff26;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;font-family:Georgia,serif;font-size:14px;font-weight:600}.cosmic-detail-section p{color:#ffffff80;margin:0;font-family:Georgia,serif;font-size:17px;font-weight:400;line-height:1.9}.cosmic-subtopic-list{flex-direction:column;gap:6px;display:flex}.cosmic-subtopic-item{cursor:pointer;background:#ffffff03;border:1px solid #ffffff05;border-radius:6px;align-items:center;gap:12px;padding:14px 18px;transition:all .25s;display:flex}.cosmic-subtopic-item:hover{background:#ffffff05;border-color:#ffffff0a}.cosmic-subtopic-item.active{background:#ffffff05;border-color:#ffffff0f}.cosmic-subtopic-text{color:#ffffff4d;flex:1;font-family:Georgia,serif;font-size:16px}.cosmic-subtopic-item.active .cosmic-subtopic-text{color:#ffffffb3}.cosmic-subtopic-meta{color:#ffffff0f;font-family:Georgia,serif;font-size:12px}.cosmic-subtopic-active{color:#ffffff0f;font-family:Georgia,serif;font-size:16px}@media (width<=1024px){.cosmic-detail-content{grid-template-columns:1fr;gap:30px}.cosmic-detail-image{min-height:300px;max-height:400px}.cosmic-image-slider{min-height:300px}}@media (width<=768px){.cosmic-template{padding:16px 16px 24px}.cosmic-hero{padding:30px 0 40px}.cosmic-title{font-size:32px}.cosmic-subtitle{font-size:15px}.cosmic-grid{grid-template-columns:1fr;gap:16px}.cosmic-card{padding:22px 20px}.cosmic-card-title{font-size:18px}.cosmic-detail-view{padding:12px 16px 20px}.cosmic-nav-bar{gap:12px}.cosmic-breadcrumb-item{max-width:120px;font-size:13px}.cosmic-detail-title{font-size:22px}.cosmic-detail-section p{font-size:15px}.cosmic-detail-image,.cosmic-image-slider{min-height:250px}.cosmic-image-arrow{width:36px;height:36px;font-size:22px}}