@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressFill{0%{width:0}to{width:100%}}.staging-items-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fff 80px,#0f0f14 0,#0f0f14),radial-gradient(ellipse at top left,#667eea26 0,#0000 50%),radial-gradient(ellipse at bottom right,#764ba226 0,#0000 50%);background-color:#0f0f14;padding:100px 20px 40px;box-sizing:border-box;overflow-x:hidden}@media(max-width:1200px){.staging-items-page{background:linear-gradient(180deg,#fff,#fff 114px,#0f0f14 0,#0f0f14),radial-gradient(ellipse at top left,#667eea26 0,#0000 50%),radial-gradient(ellipse at bottom right,#764ba226 0,#0000 50%);padding:130px 20px 40px}}@media(max-width:991.98px){.staging-items-page{background:linear-gradient(180deg,#fff,#fff 114px,#0f0f14 0,#0f0f14),radial-gradient(ellipse at top left,#667eea26 0,#0000 50%),radial-gradient(ellipse at bottom right,#764ba226 0,#0000 50%);padding:130px 20px 60px}}.staging-items-container{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.staging-items-header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;animation:fadeInUp .6s ease-out}.staging-items-header .header-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}.staging-items-header .header-actions{display:flex;align-items:center;gap:12px}.staging-items-header .credits-button{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.staging-items-header .credits-button i{font-size:16px}.staging-items-header .credits-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.staging-items-header .back-link{color:#fff9;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:6px;transition:color .2s}.staging-items-header .back-link:hover{color:#fff}.staging-items-header .back-link i{font-size:11px}.staging-items-header h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;text-align:center}.staging-items-header h1 .gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.staging-items-header .header-subtitle{font-size:.95rem;color:#fff9;margin:0 0 10px;text-align:center;white-space:nowrap}.cost-notice{display:flex;align-items:center;gap:12px;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;padding:12px 16px;margin-bottom:16px;animation:fadeInUp .6s ease-out .1s both}.cost-notice .notice-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cost-notice .notice-icon i{color:#fff;font-size:14px}.cost-notice .notice-content{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.cost-notice .notice-content strong{color:#fff;font-size:14px}.cost-notice .notice-content span{color:#fff9;font-size:13px;line-height:1.4}.tab-navigation{display:flex;gap:4px;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:4px;margin-bottom:24px;animation:fadeInUp .6s ease-out .15s both}.tab-navigation .tab-btn{flex:1 1;padding:10px 20px;font-size:14px;font-weight:600;color:#fff9;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.tab-navigation .tab-btn i{font-size:14px}.tab-navigation .tab-btn:hover:not(.active){background:#ffffff0f;color:#fff}.tab-navigation .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.generator-section{background:#1a1a24;border:1px solid #ffffff14;border-radius:16px;padding:32px;margin-bottom:32px;animation:fadeInUp .6s ease-out .1s backwards}.generator-section .generator-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.generator-section .generator-form{grid-template-columns:1fr}}.generator-section .form-group{display:flex;flex-direction:column;gap:6px}.generator-section .form-group.full-width{grid-column:1/-1}.generator-section .form-group label{color:#fff9;font-size:14px;font-weight:500}.generator-section .form-group input,.generator-section .form-group select,.generator-section .form-group textarea{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:12px 14px;color:#fff;font-size:15px;transition:border-color .2s ease}.generator-section .form-group input:focus,.generator-section .form-group select:focus,.generator-section .form-group textarea:focus{outline:none;border-color:#667eea}.generator-section .form-group input::placeholder,.generator-section .form-group select::placeholder,.generator-section .form-group textarea::placeholder{color:#fff6}.generator-section .form-group textarea{min-height:80px;resize:vertical}.generator-section .form-group .other-input{margin-top:8px;background:#667eea14;border:1px solid #667eea4d}.generator-section .form-group .other-input:focus{border-color:#667eea}.generator-section .form-group select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.generator-section .form-group select option{background:#1a1a24;color:#fff}.reference-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#667eea1f,#764ba21f);border:1px solid #667eea4d;border-radius:12px;padding:12px 16px;margin-bottom:20px;animation:fadeInUp .3s ease-out}.reference-banner .reference-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid #ffffff1a;flex-shrink:0}.reference-banner .reference-info{flex:1 1;min-width:0}.reference-banner .reference-info .reference-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#667eea;margin-bottom:2px}.reference-banner .reference-info .reference-name{color:#fff;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-banner .reference-info .reference-hint{color:#fff6;font-size:12px;margin-top:2px}.reference-banner .reference-clear{background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;color:#fff9;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease;font-size:14px}.reference-banner .reference-clear:hover{background:#ffffff26;color:#fff}.asset-type-grid{display:flex;flex-wrap:wrap;gap:8px}.asset-type-grid .type-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#ffffff0f;border:1px solid #ffffff14;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.asset-type-grid .type-pill i{font-size:12px}.asset-type-grid .type-pill:hover{background:#667eea26;border-color:#667eea4d;color:#fff}.asset-type-grid .type-pill.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;color:#fff}.tag-selector-dark .tag-container-dark{display:flex;flex-wrap:wrap;gap:8px}.tag-dark{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#ffffff0f;border:1px solid #ffffff14;color:#fff9;font-size:13px;cursor:default;transition:all .2s ease}.tag-dark.selected{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;color:#fff}.tag-add-btn-dark{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;border:1px dashed #667eea80;background:#0000;color:#667eea;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-add-btn-dark:hover{background:#667eea1a;border-color:#667eea}.tag-add-btn-dark:disabled{opacity:.4;cursor:not-allowed}.add-tag-input-dark{padding:8px 16px;border-radius:20px;border:1px solid #667eea;background:#667eea14;color:#fff;font-size:13px;outline:none;min-width:160px;transition:box-shadow .2s ease}.add-tag-input-dark::placeholder{color:#fff6}.add-tag-input-dark:focus{box-shadow:0 0 0 2px #667eea33}.add-tag-input-dark.inline{min-width:140px}.delete-tag-btn{background:none;border:none;padding:0 2px;margin-left:2px;cursor:pointer;font-size:16px;line-height:1;color:#fff6;transition:color .2s ease}.delete-tag-btn:hover{color:#ef4444}.custom-tag{cursor:pointer}.materials-grid{display:flex;flex-wrap:wrap;gap:8px}.materials-grid .material-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#ffffff0f;border:1px solid #ffffff14;color:#fff9;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.materials-grid .material-pill:hover{background:#667eea26;border-color:#667eea4d;color:#fff}.materials-grid .material-pill.selected{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;color:#fff}.confirmation-step{grid-column:1/-1;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea40;border-radius:12px;padding:24px;margin-top:8px;animation:fadeInUp .4s ease-out}.confirmation-step .confirmation-icon{text-align:center;margin-bottom:16px}.confirmation-step .confirmation-icon i{font-size:32px;color:#667eea}.confirmation-step .confirmation-body .confirmation-label{color:#fff9;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.confirmation-step .confirmation-body .confirmation-text{color:#fff;font-size:15px;line-height:1.6;background:#0003;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #ffffff0f}.confirmation-step .confirmation-body .confirmation-question{color:#fff9;font-size:14px;text-align:center;margin-bottom:16px}.confirmation-step .confirmation-actions{display:flex;gap:12px;justify-content:center}.confirmation-step .confirmation-actions .confirm-yes-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s ease}.confirmation-step .confirmation-actions .confirm-yes-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #667eea66}.confirmation-step .confirmation-actions .confirm-yes-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-step .confirmation-actions .confirm-yes-btn .credit-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500}.confirmation-step .confirmation-actions .confirm-edit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;border-radius:10px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;color:#fff9;transition:all .2s ease}.confirmation-step .confirmation-actions .confirm-edit-btn:hover{background:#ffffff1a;color:#fff}.generate-actions{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:8px}.generate-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s ease}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #667eea66}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-btn .credit-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500}.generation-progress{grid-column:1/-1;margin-top:8px}.generation-progress .progress-bar-wrapper{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.generation-progress .progress-bar-wrapper .progress-bar-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.generation-progress .progress-text{color:#fff9;font-size:13px;margin-top:8px;text-align:center}.library-section{animation:fadeInUp .6s ease-out .2s backwards}.library-section .library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.library-section .section-title{color:#fff;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.library-section .section-title i{color:#667eea}.library-toggle{display:flex;background:#ffffff0f;border-radius:8px;overflow:hidden;border:1px solid #ffffff14}.library-toggle button{padding:8px 16px;font-size:13px;font-weight:500;color:#fff9;background:none;border:none;cursor:pointer;transition:all .2s ease}.library-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.library-toggle button:hover:not(.active){background:#ffffff0f;color:#fff}.filter-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.filter-bar .filter-row-top{display:flex;gap:12px;flex-wrap:wrap}.filter-bar input,.filter-bar select{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;min-width:160px}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:#667eea}.filter-bar input::placeholder,.filter-bar select::placeholder{color:#fff6}.filter-bar select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.filter-bar select option{background:#1a1a24;color:#fff}.filter-bar .search-input{flex:1 1;min-width:200px}.filter-bar .archived-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;padding:0 8px}.filter-bar .archived-toggle input[type=checkbox]{width:16px;height:16px;min-width:16px;accent-color:#667eea;cursor:pointer;border-radius:4px}.filter-bar .archived-toggle span{color:#fff9;font-size:13px}.filter-bar .category-pills-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff26 #0000}.filter-bar .category-pills-row::-webkit-scrollbar{height:4px}.filter-bar .category-pills-row::-webkit-scrollbar-track{background:#0000}.filter-bar .category-pills-row::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.filter-bar .category-pills-row .category-pill{flex-shrink:0;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #ffffff14;background:#ffffff0a;color:#fff9;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px}.filter-bar .category-pills-row .category-pill i{font-size:11px;opacity:.7}.filter-bar .category-pills-row .category-pill:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.filter-bar .category-pills-row .category-pill.active{background:#667eea33;border-color:#667eea;color:#fff}.filter-bar .category-pills-row .category-pill.active i{opacity:1}.filter-bar .category-pills-row .category-pill.custom{border-style:dashed}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.items-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.items-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.items-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.item-card{background:#1a1a24;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;animation:fadeInUp .4s ease-out backwards;position:relative}.item-card.archived{opacity:.6}.item-card.archived .item-image{filter:grayscale(.4)}.item-card:hover{border-color:#667eea66;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.item-card .archived-badge{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff6;font-size:11px;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.item-card .archived-badge i{font-size:10px}.item-card .favourite-heart-btn{position:absolute;top:8px;right:8px;background:#00000080;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;font-size:14px;transition:all .15s ease;z-index:2;opacity:0}.item-card .favourite-heart-btn:hover{background:#000000b3;transform:scale(1.1)}.item-card .favourite-heart-btn .fas.fa-heart{color:#dc3545}.item-card .favourite-heart-btn.is-favourited,.item-card:hover .favourite-heart-btn{opacity:1}.item-card .item-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#ffffff08}.item-card .item-info{padding:12px}.item-card .item-info .item-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card .item-info .item-meta{display:flex;align-items:center;gap:8px}.item-card .item-info .type-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:#667eea26;color:#667eea;text-transform:capitalize}.item-card .item-info .style-label{color:#fff6;font-size:11px;text-transform:capitalize}.empty-state{text-align:center;padding:60px 20px;grid-column:1/-1}.empty-state i{font-size:48px;color:#fff6;margin-bottom:16px}.empty-state h3{color:#fff9;font-size:18px;font-weight:500;margin-bottom:8px}.empty-state p{color:#fff6;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px}.pagination button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #ffffff14;background:#ffffff0f;color:#fff9;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#667eea26;border-color:#667eea4d;color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination .page-info{color:#fff6;font-size:13px;padding:0 8px}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeInUp .2s ease-out}.preview-modal-overlay .preview-modal{background:#1a1a24;border:1px solid #ffffff14;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto}.preview-modal-overlay .preview-modal .preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff14}.preview-modal-overlay .preview-modal .preview-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.preview-modal-overlay .preview-modal .preview-header .close-btn{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.preview-modal-overlay .preview-modal .preview-header .close-btn:hover{color:#fff;background:#ffffff1a}.preview-modal-overlay .preview-modal .preview-image{width:100%;display:block}.preview-modal-overlay .preview-modal .preview-details{padding:20px 24px}.preview-modal-overlay .preview-modal .preview-details .detail-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.preview-modal-overlay .preview-modal .preview-details .detail-row .detail-label{color:#fff6;font-size:13px;min-width:80px}.preview-modal-overlay .preview-modal .preview-details .detail-row .detail-value{color:#fff;font-size:14px;text-transform:capitalize}.preview-modal-overlay .preview-modal .preview-details .detail-description{color:#fff9;font-size:14px;line-height:1.5;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14}.preview-modal-overlay .preview-modal .preview-details .related-items-section{margin-top:16px;padding-top:16px;border-top:1px solid #ffffff14}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-label{color:#fff9;font-size:13px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-label i{color:#667eea;font-size:12px}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-items-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-items-row::-webkit-scrollbar{height:4px}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-items-row::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-item-card{flex-shrink:0;width:90px;cursor:pointer;transition:all .2s ease;text-align:center}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-item-card:hover{transform:translateY(-2px)}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-item-card:hover img{border-color:#667eea80}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-item-card img{width:90px;height:90px;border-radius:8px;object-fit:cover;border:1px solid #ffffff14;display:block;margin-bottom:4px}.preview-modal-overlay .preview-modal .preview-details .related-items-section .related-item-card span{color:#fff9;font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-modal-overlay .preview-modal .preview-details .loading-detail{color:#fff6;font-size:13px;margin-top:12px;display:flex;align-items:center;gap:8px}.preview-modal-overlay .preview-modal .preview-actions{padding:12px 24px;display:flex;gap:10px}.preview-modal-overlay .preview-modal .preview-actions .variant-btn{flex:1 1;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.preview-modal-overlay .preview-modal .preview-actions .variant-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.preview-modal-overlay .preview-modal .preview-actions .archive-btn,.preview-modal-overlay .preview-modal .preview-actions .unarchive-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #ffffff14;background:#ffffff0f;color:#fff9;transition:all .2s ease;display:flex;align-items:center;gap:8px}.preview-modal-overlay .preview-modal .preview-actions .archive-btn:hover,.preview-modal-overlay .preview-modal .preview-actions .unarchive-btn:hover{background:#ffffff1a;color:#fff}.preview-modal-overlay .preview-modal .preview-actions .unarchive-btn{border-color:#10b9814d;color:#10b981}.preview-modal-overlay .preview-modal .preview-actions .unarchive-btn:hover{background:#10b9811a}.preview-modal-overlay .preview-modal .saved-banner{padding:10px 24px;background:#10b9811f;border-bottom:1px solid #10b98133;color:#10b981;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.preview-modal-overlay .preview-modal .saved-banner i{font-size:16px}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.auth-modal-overlay .auth-modal{background:#1a1a24;border:1px solid #ffffff14;border-radius:16px;padding:40px;max-width:420px;width:100%;text-align:center}.auth-modal-overlay .auth-modal i{font-size:48px;color:#667eea;margin-bottom:16px}.auth-modal-overlay .auth-modal h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.auth-modal-overlay .auth-modal p{color:#fff9;font-size:15px;margin-bottom:24px}.auth-modal-overlay .auth-modal .auth-buttons{display:flex;gap:12px;justify-content:center}.auth-modal-overlay .auth-modal .auth-buttons a,.auth-modal-overlay .auth-modal .auth-buttons button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.auth-modal-overlay .auth-modal .auth-buttons .login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.auth-modal-overlay .auth-modal .auth-buttons .login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #667eea66}.auth-modal-overlay .auth-modal .auth-buttons .cancel-btn{background:#ffffff0f;color:#fff9;border:1px solid #ffffff14}.auth-modal-overlay .auth-modal .auth-buttons .cancel-btn:hover{background:#ffffff1a;color:#fff}.credits-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.credits-modal-overlay .credits-modal{background:#1a1a24;border:1px solid #ffffff14;border-radius:16px;padding:40px;max-width:420px;width:100%;text-align:center}.credits-modal-overlay .credits-modal i{font-size:48px;color:#fbbf24;margin-bottom:16px}.credits-modal-overlay .credits-modal h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.credits-modal-overlay .credits-modal p{color:#fff9;font-size:15px;margin-bottom:24px}.credits-modal-overlay .credits-modal .credits-buttons{display:flex;gap:12px;justify-content:center}.credits-modal-overlay .credits-modal .credits-buttons a,.credits-modal-overlay .credits-modal .credits-buttons button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.credits-modal-overlay .credits-modal .credits-buttons .buy-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.credits-modal-overlay .credits-modal .credits-buttons .buy-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #10b98166}.credits-modal-overlay .credits-modal .credits-buttons .cancel-btn{background:#ffffff0f;color:#fff9;border:1px solid #ffffff14}.credits-modal-overlay .credits-modal .credits-buttons .cancel-btn:hover{background:#ffffff1a;color:#fff}.error-message{grid-column:1/-1;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px 16px;color:#ef4444;font-size:14px;display:flex;align-items:center;gap:8px;margin-top:8px}.error-message i{font-size:16px}.loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1200px){.loading-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.loading-grid{grid-template-columns:repeat(2,1fr)}}.loading-grid .skeleton-card{background:#1a1a24;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.loading-grid .skeleton-card .skeleton-image{width:100%;aspect-ratio:1;background:linear-gradient(90deg,#ffffff0a,#ffffff14 50%,#ffffff0a);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-grid .skeleton-card .skeleton-info{padding:12px}.loading-grid .skeleton-card .skeleton-info .skeleton-text{height:14px;border-radius:4px;background:#ffffff0f;margin-bottom:8px}.loading-grid .skeleton-card .skeleton-info .skeleton-text.short{width:60%}.loading-grid .skeleton-card .skeleton-info .skeleton-text.tiny{width:40%;height:10px}
/*# sourceMappingURL=a5f8c8973c6c6082.css.map*/