.add-style-modal{max-width:550px}.tab-navigation{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:0}.tab-btn{flex:1;background:transparent;color:rgba(253,253,253,.6);font-size:16px;font-weight:600;padding:16px 20px;cursor:pointer;transition:all .3s ease;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif;border:none;border-bottom:2px solid transparent}.tab-btn:hover{color:rgba(253,253,253,.8);background:rgba(255,255,255,.02)}.tab-btn.active{color:#F1B85D;border-bottom-color:#F1B85D;background:rgba(241,184,93,.05)}.tab-btn:focus-visible{outline:2px solid #F1B85D;outline-offset:-2px}.add-style-modal .modal-header h2{color:#F1B85D;font-size:24px;font-weight:600;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}.add-style-modal .step-description{background:rgba(224,150,122,.1);border-left:3px solid #f1b85d;padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:32px;color:rgba(253,253,253,.9);font-size:14px;line-height:1.6}.input-label{display:block;color:#FDFDFD;font-size:16px;font-weight:600;margin-bottom:8px;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}.style-input{width:100%;background:#1E1E1E;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:white;font-size:16px;padding:14px 16px;transition:border-color .3s ease;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.style-input:focus{outline:none;border-color:#F1B85D;box-shadow:0 0 0 3px rgba(224,150,122,.1)}.style-input::placeholder{color:rgba(253,253,253,.5)}.style-input.error{border-color:#f44336}.style-textarea{width:100%;background:#1E1E1E;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:white;font-size:16px;padding:14px 16px;resize:vertical;min-height:120px;transition:border-color .3s ease;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}.style-textarea:focus{outline:none;border-color:#F1B85D;box-shadow:0 0 0 3px rgba(224,150,122,.1)}.style-textarea::placeholder{color:rgba(253,253,253,.5)}.char-count{text-align:right;color:rgba(253,253,253,.6);font-size:13px;margin-top:6px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.checkbox-group{margin-bottom:24px}.checkbox-wrapper{display:flex;align-items:center;margin-bottom:8px}.style-checkbox{width:20px;height:20px;background:#1E1E1E;border:2px solid rgba(255,255,255,.2);border-radius:4px;margin-right:12px;cursor:pointer;position:relative;transition:all .3s ease;flex-shrink:0}.style-checkbox:checked{background:linear-gradient(135deg,#F1B85D,#A75C80);border-color:#F1B85D}.style-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700}.style-checkbox:hover{border-color:rgba(224,150,122,.5)}.checkbox-label{display:flex;align-items:center;cursor:pointer;flex:1}.checkbox-text{color:#FDFDFD;font-size:16px;font-weight:600;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}.checkbox-description{color:rgba(253,253,253,.7);font-size:14px;line-height:1.5;margin:0 0 0 32px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.add-style-modal .error-message{color:#f44336;font-size:14px;margin-top:8px;padding:8px 12px;background:rgba(244,67,54,.1);border-radius:6px;border-left:3px solid #f44336}.add-style-modal .btn-primary{background:linear-gradient(135deg,#F1B85D,#A75C80);border:none;border-radius:8px;color:white;font-size:16px;font-weight:600;padding:12px 24px;cursor:pointer;transition:all .3s ease;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}.add-style-modal .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(224,150,122,.4)}.add-style-modal .btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:white;font-size:16px;font-weight:600;padding:10px 22px;cursor:pointer;transition:all .3s ease;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}.add-style-modal .btn-secondary:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}.add-style-modal .input-group{margin-bottom:24px}.add-style-modal .input-group:last-of-type{margin-bottom:0}@media (max-width:768px){.add-style-modal{max-width:95vw;margin:10px}.add-style-modal .modal-header{padding:16px 20px}.add-style-modal .modal-body{padding:20px}.add-style-modal .modal-footer{padding:16px 20px}.add-style-modal .button-group{flex-direction:column;gap:12px}.add-style-modal .button-group button{width:100%}.checkbox-description{margin-left:0;margin-top:8px}}.style-input:focus-visible,.style-textarea:focus-visible{outline:2px solid #F1B85D;outline-offset:2px}.style-checkbox:focus-visible{outline:2px solid #F1B85D;outline-offset:2px}.add-style-modal .btn-primary:focus-visible,.add-style-modal .btn-secondary:focus-visible{outline:2px solid #F1B85D;outline-offset:2px}.image-upload-section{margin-bottom:32px}.upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:rgba(241,184,93,.5);background:rgba(241,184,93,.02)}.upload-label{cursor:pointer;display:block;width:100%}.upload-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{width:48px;height:48px;opacity:.6}.upload-content p{color:#FDFDFD;font-size:18px;font-weight:600;margin:0;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}.upload-hint{color:rgba(253,253,253,.6);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.image-preview-section{margin-bottom:32px}.image-preview{position:relative;display:inline-block;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1);margin-bottom:16px;isolation:isolate}.image-preview img{max-width:300px;max-height:200px;width:auto;height:auto;display:block}.image-preview .remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:rgba(220,53,69,.9);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background-color .2s;z-index:10}.image-preview .remove-image-btn:hover{background:rgba(220,53,69,1)}.image-name{color:rgba(253,253,253,.8);font-size:14px;margin:0 0 16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.generate-btn{margin-top:16px}.generate-btn:disabled{opacity:.6;transform:none!important}.generated-style-form{margin-top:24px}.generated-style-form h4{color:#F1B85D;font-size:18px;font-weight:600;margin:0 0 24px;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif}@media (max-width:768px){.tab-btn{font-size:14px;padding:12px 16px}.upload-area{padding:30px 15px}.upload-content p{font-size:16px}.image-preview img{max-width:250px;max-height:150px}}.generate-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;display:inline-block}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.edit-style-modal{background:#2A2A2A;border-radius:16px;width:100%;max-width:550px;color:white;box-shadow:0 10px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.edit-style-modal .modal-header{padding:24px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center}.edit-style-modal .modal-header h2{margin:0;font-size:22px;font-weight:600}.edit-style-modal .close-btn{background:none;border:none;color:#999;font-size:28px;font-weight:300;cursor:pointer;transition:color .2s ease}.edit-style-modal .close-btn:hover{color:white}.edit-style-modal .modal-body{padding:24px;gap:20px}.edit-style-modal .form-group,.edit-style-modal .modal-body{display:flex;flex-direction:column}.edit-style-modal .form-group label{font-size:14px;font-weight:500;color:#bbb;margin-bottom:8px}.edit-style-modal .form-group input[type=text],.edit-style-modal .form-group textarea{background-color:#1E1E1E;border:1px solid #444;border-radius:8px;padding:12px;color:white;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease}.edit-style-modal .form-group input[type=text]:focus,.edit-style-modal .form-group textarea:focus{outline:none;border-color:#661673;box-shadow:0 0 0 3px rgba(101,26,82,.3)}.edit-style-modal .form-group textarea{resize:vertical;min-height:100px}.edit-style-modal .form-group-checkbox{display:flex;align-items:flex-start;gap:12px;background-color:#1E1E1E;border-radius:8px;padding:12px;border:1px solid #444}.edit-style-modal .form-group-checkbox input[type=checkbox]{accent-color:#F1B85D;width:18px;height:18px;margin-top:4px}.edit-style-modal .form-group-checkbox label{display:flex;flex-direction:column;cursor:pointer}.edit-style-modal .form-group-checkbox .checkbox-title{font-weight:500;color:#f0f0f0}.edit-style-modal .form-group-checkbox .checkbox-subtitle{font-size:14px;color:#999}.edit-style-modal .modal-footer{padding:24px;border-top:1px solid #444;display:flex;justify-content:flex-end;gap:12px}.edit-style-modal .modal-footer button{border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-style-modal .cancel-btn{background:#4a4a4a;color:white}.edit-style-modal .cancel-btn:hover{background:#5a5a5a}.edit-style-modal .save-btn{background:linear-gradient(90deg,#6FA293 0,#661673);color:white}.edit-style-modal .save-btn:hover{filter:brightness(1.1);box-shadow:0 4px 15px rgba(101,26,82,.4)}.edit-style-modal .error-message{color:#f44336;background-color:rgba(244,67,54,.1);border:1px solid #f44336;border-radius:8px;padding:12px;text-align:center;margin-top:-10px}.image-gallery{padding:20px;background-color:#2A2A2A;min-height:100vh;color:white;width:100%;max-width:100%;box-sizing:border-box}.gallery-header{margin-bottom:30px}.project-info{margin-bottom:20px}.title-row{display:flex;align-items:center;gap:20px;margin-bottom:8px}.title-row .back-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;padding:8px 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;white-space:nowrap}.title-row .back-btn:hover{background:rgba(255,255,255,.2);border-color:#A75C80;transform:translateX(-2px)}.title-row .back-arrow{font-size:16px;font-weight:700}.title-row .project-title{flex:1;margin:0}.view-mode-toggle{display:flex;gap:8px;margin-left:auto}.view-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:white;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:44px;height:44px}.view-btn:hover{background:rgba(255,255,255,.2);border-color:#A75C80}.view-btn.active{background:rgba(167,92,128,.3);border-color:#A75C80}.view-btn .carousel-icon,.view-btn .grid-icon{display:flex;align-items:center;justify-content:center}.grid-dots{display:grid;grid-template-columns:1fr 1fr;gap:3px}.grid-dots span{width:10px;height:10px;background:currentColor;border-radius:50%}.carousel-bars{display:flex;flex-direction:row;gap:2px;align-items:flex-end}.carousel-bars span{width:6px;height:16px;background:currentColor;border-radius:1px}.carousel-bars span:nth-child(2){height:20px}.project-title{font-size:28px;font-weight:700;font-family:Helvetica Neue,Helvetica Neue Bold,Helvetica,Arial,sans-serif;color:#FDFDFD}.project-date{font-size:14px;color:rgba(253,253,253,.8);margin:0}.summary-container{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;margin-bottom:20px;align-items:start}.summary-card{background:linear-gradient(135deg,#661673,#6FA293);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,87,187,.2)}.summary-card.total-card{background:linear-gradient(135deg,#661673,#4a1154)}.summary-card.sweet-card{background:linear-gradient(135deg,#6FA293,#5a8a7a)}.summary-card.salty-card{background:linear-gradient(135deg,#A75C80,#8f4f70)}.summary-card.download-card{background:linear-gradient(90deg,#661673,#4a1154)}.filter-card{cursor:pointer;position:relative}.filter-card.active{box-shadow:0 0 20px rgba(255,87,187,.5);transform:translateY(-4px)}.card-content{position:relative;z-index:2}.card-number{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.card-label{font-size:16px;font-weight:500;opacity:.9}.card-icon{position:absolute;top:16px;right:16px;width:32px;height:32px;opacity:.7}.card-icon img{width:100%;height:100%;object-fit:contain}.active-indicator{position:absolute;top:50%;right:16px;transform:translateY(-50%);z-index:3}.active-dot{width:12px;height:12px;background:#FFD700;border-radius:50%;box-shadow:0 0 10px rgba(255,215,0,.8);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.download-btn.grey-download,.grid-image-item .download-btn{position:absolute;bottom:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s ease;padding:0;pointer-events:auto}.download-btn.grey-download:hover,.grid-image-item .download-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:scale(1.05)}.grid-image-item .download-btn img{width:16px;height:16px;opacity:.9}.filter-status{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(244,153,141,.1);border:1px solid rgba(244,153,141,.3);border-radius:8px}.filter-text{color:#F1B85D;font-weight:500}.clear-filter-btn{background:none;border:1px solid #f1b85d;border-radius:6px;color:#F1B85D;padding:4px 12px;font-size:12px;cursor:pointer;transition:all .3s ease}.clear-filter-btn:hover{background:#F1B85D;color:white}.gallery-content{width:100%;margin:0 auto}.gallery-error,.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.gallery-loading .spinner{width:40px;height:40px;border:4px solid #555;border-top-color:#f1b85d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.gallery-error h2{color:#F1B85D;margin-bottom:12px}.gallery-error p{color:rgba(253,253,253,.8);margin-bottom:24px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:0 8px}.btn-primary{background:#F1B85D;border:none;color:white}.btn-primary:hover{background:rgba(224,150,122,.8);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid #555;color:rgba(253,253,253,.8)}.btn-secondary:hover{border-color:#F1B85D;color:#F1B85D}.empty-state{flex-direction:column;min-height:300px;text-align:center;color:rgba(253,253,253,.8)}.empty-icon,.empty-state{display:flex;align-items:center;justify-content:center}.empty-icon{margin-bottom:20px;font-size:48px}.empty-icon img{width:96px;height:96px;object-fit:contain}.empty-state h3{font-size:24px;margin-bottom:8px;color:#ecf0f1}.empty-state p{font-size:16px;opacity:.8}.image-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:20px;padding:20px 0;max-width:100%}@media (max-width:1400px){.image-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:1024px){.image-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.image-grid{grid-template-columns:1fr!important}}.grid-image-item{background:#3A3A3A;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease;border:2px solid transparent;aspect-ratio:1/1}.grid-image-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.4);border-color:rgba(244,153,141,.5)}.grid-image-item.rated-sweet{border-color:rgba(111,162,147,.5)}.grid-image-item.rated-salty{border-color:rgba(167,92,128,.5)}.image-container{position:relative;overflow:hidden;aspect-ratio:1/1}.grid-image{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .3s ease}.grid-image-item:hover .grid-image{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.grid-image-item:hover .image-overlay{opacity:1}.overlay-content{text-align:center;color:white}.overlay-text{font-size:16px;font-weight:500}.rating-flags{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:10}.flag-btn{background:rgba(0,0,0,.7);border:none;border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;opacity:.8}.flag-btn:hover{opacity:1;transform:scale(1.1)}.flag-btn.active{background:rgba(255,255,255,.9);transform:scale(1.1)}.flag-btn img{width:20px;height:20px}.rating-indicator{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.9);padding:4px 8px;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:5}.rating-indicator img{width:20px;height:20px;object-fit:contain}.rating-indicator .rating-count{font-size:14px;font-weight:600;color:#333;min-width:16px;text-align:center}.image-info{padding:16px;display:flex;flex-direction:column;gap:6px}.image-title{font-size:16px;font-weight:600;color:#ecf0f1}.image-position{font-size:14px;color:rgba(253,253,253,.8);text-transform:capitalize}.seo-filename{font-size:12px;color:rgba(253,253,253,.6);display:flex;align-items:center;gap:4px}.seo-filename:hover{color:rgba(253,253,253,.8)}.image-carousel{padding:20px 0}.carousel-main{margin-bottom:30px;position:relative;padding:0 100px}.main-image-container{position:relative;max-width:800px;margin:0 auto;background:#1A1A1A;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5)}.image-carousel .nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(244,153,141,.9);border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:white;z-index:10;transition:all .3s ease;opacity:.5}.nav-arrow:hover:not(:disabled){opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 20px rgba(244,153,141,.4)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.image-carousel .nav-arrow-left{left:10px}.image-carousel .nav-arrow-right{right:10px}.main-image-wrapper{position:relative;cursor:pointer}.main-image-wrapper .main-image{width:100%;height:500px;object-fit:cover;display:block;transition:transform .4s ease;transform:scale(1)}.main-image-wrapper.animating .main-image{transform:scale(.99)}.click-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:white;padding:8px 16px;border-radius:20px;font-size:14px;opacity:0;transition:opacity .3s ease;pointer-events:none}.main-image-wrapper:hover .click-hint{opacity:1}.main-rating-indicator{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.95);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3)}.main-rating-indicator img{width:30px;height:30px}.image-controls{display:flex;justify-content:space-between;align-items:center;padding:24px;background:rgba(255,255,255,.05);margin-top:20px;border-radius:16px}.controls-left,.controls-right{flex:1}.controls-center{flex:2;display:flex;justify-content:center}.image-meta h3{font-size:20px;font-weight:600;font-family:Helvetica Neue,Helvetica Neue Medium,Helvetica,Arial,sans-serif;color:#FDFDFD;margin:0 0 4px}.image-meta p{font-size:14px;color:rgba(253,253,253,.8);margin:0;text-transform:capitalize}.rating-controls{display:flex;gap:16px}.rating-btn{background:rgba(255,255,255,.1);border:2px solid transparent;border-radius:12px;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:white;transition:all .3s ease}.rating-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.rating-btn.active{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.rating-btn.sweet-btn.active{background:linear-gradient(135deg,#6FA293,#5a8a7a);border-color:#6FA293}.rating-btn.salty-btn.active{background:linear-gradient(135deg,#A75C80,#8f4f70);border-color:#A75C80}.rating-btn img{width:24px;height:24px}.carousel-download-btn{background:#F1B85D;border:none;border-radius:12px;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:white;transition:all .3s ease;margin-left:auto}.carousel-download-btn:hover{background:rgba(224,150,122,.8);transform:translateY(-2px);box-shadow:0 6px 20px rgba(244,153,141,.4)}.carousel-download-btn img{width:20px;height:20px}.carousel-thumbnails{max-width:800px;margin:0 auto}.thumbnails-container{display:flex;gap:12px;overflow-x:auto;padding:16px 0;justify-content:center}.thumbnail-item{position:relative;flex-shrink:0;cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;border:3px solid transparent}.thumbnail-item:hover{transform:translateY(-4px)}.thumbnail-item.active{border-color:#F1B85D;box-shadow:0 8px 20px rgba(244,153,141,.3)}.thumbnail-item.rated-sweet{border-color:rgba(111,162,147,.6)}.thumbnail-item.rated-salty{border-color:rgba(167,92,128,.6)}.thumbnail-image{width:80px;height:60px;object-fit:cover;display:block}.thumbnail-rating{position:absolute;top:4px;right:4px;background:rgba(255,255,255,.9);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.thumbnail-rating img{width:12px;height:12px}.active-border{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid #f1b85d;border-radius:12px;pointer-events:none}.carousel-indicator{text-align:center;padding:16px 0;font-size:14px;color:rgba(253,253,253,.8)}.current-position{color:#F1B85D;font-weight:600}.separator{margin:0 8px}.total-count{font-weight:500}@media (max-width:1200px){.summary-container{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width:768px){.image-gallery{padding:16px}.summary-container{grid-template-columns:1fr;gap:12px}.image-controls{flex-direction:column;gap:16px;text-align:center}.controls-center,.controls-left,.controls-right{flex:none}.rating-controls{justify-content:center}.nav-arrow{width:40px;height:40px;font-size:18px}.nav-arrow-left{left:10px}.nav-arrow-right{right:10px}.main-image{height:300px}}@media (max-width:480px){.project-title{font-size:24px}.card-number{font-size:36px}.main-image{height:250px}.carousel-download-btn,.rating-btn{padding:10px 16px;font-size:14px}.carousel-download-btn img,.rating-btn img{width:18px;height:18px}}.stat-icon.sweet{display:flex;align-items:center;justify-content:center}.stat-icon.sweet img{width:20px;height:20px;object-fit:contain}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:1000;backdrop-filter:blur(8px);padding:60px 20px 20px}.image-modal,.image-modal-overlay{display:flex;align-items:center;justify-content:center}.image-modal{position:relative;width:100%;height:100%;max-width:90vw;max-height:90vh;flex-direction:column}.modal-close-btn{position:fixed;top:90px;right:100px;background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);color:white;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1002;font-weight:400;line-height:1}.modal-close-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:scale(1.1)}.modal-nav-btn{position:fixed;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);color:white;font-size:28px;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1002;font-weight:700;line-height:0;font-family:monospace;text-align:center}.modal-nav-btn span{position:relative;top:-1px}.modal-nav-left span{left:-1px}.modal-nav-right span{left:1px}.modal-nav-btn:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.1)}.modal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.modal-nav-left{left:20px}.modal-nav-right{right:20px}.modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.modal-image{max-width:calc(100vw - 160px);max-height:calc(100vh - 260px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal-info{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;color:white;text-align:center;background:rgba(0,0,0,.8);padding:12px 24px;border-radius:25px;border:2px solid rgba(255,255,255,.3);z-index:1002}.modal-title{font-size:16px;font-weight:500;margin:0;max-width:400px;word-break:break-word}.modal-counter{font-size:14px;opacity:.8;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:15px;white-space:nowrap}.carousel-info-btn{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;font-size:18px;font-weight:700;color:white;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.carousel-info-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:scale(1.1)}.carousel-info-btn,.info-btn{position:absolute;bottom:10px;left:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:white;cursor:help;display:flex;align-items:center;justify-content:center;z-index:15;transition:all .2s ease;font-weight:700;font-size:16px;line-height:1}.carousel-info-btn:hover,.info-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:scale(1.05)}.info-tooltip{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.95);color:white;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-width:200px;max-width:min(400px,calc(100vw - 40px));max-height:200px;z-index:20;font-size:12px;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.4);overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(10px)}.tooltip-content{display:flex;flex-direction:column;gap:8px}.info-tooltip::-webkit-scrollbar{width:4px}.info-tooltip::-webkit-scrollbar-track{background:transparent}.info-tooltip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.info-tooltip::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.tooltip-row{display:flex;flex-direction:column;gap:2px;word-wrap:break-word;word-break:break-word}.tooltip-row strong{color:#F1B85D;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9);z-index:2}.gallery-actions{display:flex;justify-content:center;margin-bottom:20px}.action-buttons{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-width:200px;height:100%}.standalone-btn{min-width:200px;padding:16px 20px;border:none;border-radius:8px;color:white;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;font-family:inherit;background:rgba(255,255,255,.1);height:auto;min-height:56px;box-sizing:border-box;line-height:1.2}.standalone-btn:disabled{opacity:1;cursor:not-allowed}.standalone-btn:not(:disabled):hover{background:rgba(255,255,255,.15)}.standalone-btn .btn-text{flex:1;text-align:left}.standalone-btn .btn-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:8px}.standalone-btn .btn-icon img{width:16px;height:16px}.standalone-btn.regenerate-btn{background:linear-gradient(90deg,#6FA293 0,#661673);height:auto;min-height:56px;box-sizing:border-box;min-width:200px;padding:16px 20px}.standalone-btn.regenerate-btn:not(:disabled):hover{background:linear-gradient(90deg,#5a8a7a 0,#571855);transform:translateY(-2px);box-shadow:0 8px 25px rgba(101,26,82,.3)}.regenerate-spinner{animation:rotate 1s linear infinite;width:16px;height:16px}.regenerate-spinner .path{stroke:white;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.standalone-btn.download-btn{background:linear-gradient(135deg,#661673,#4a1154);height:auto;min-height:56px;box-sizing:border-box;min-width:200px;padding:16px 20px}.standalone-btn.download-btn:not(:disabled):hover{background:linear-gradient(135deg,#571855,#762063)}.standalone-btn.download-btn .btn-icon img{opacity:1}.download-icon{display:flex!important;align-items:center;justify-content:center}.download-icon img{width:16px!important;height:16px!important;opacity:1!important}.style-header{margin-bottom:6px}.style-header .style-name{font-weight:600;font-size:14px;line-height:1.2;text-align:center;margin-bottom:0;word-wrap:break-word;overflow-wrap:break-word}.style-badges{display:flex;justify-content:center;align-items:center;gap:6px;margin-bottom:8px;min-height:20px;flex-wrap:wrap}.org-badge,.personal-badge,.shared-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:12px;font-size:10px;font-weight:500;white-space:nowrap;flex-shrink:0}.org-badge{background:rgba(106,162,147,.2);color:#6FA293;border:1px solid rgba(106,162,147,.3)}.shared-badge{background:rgba(255,87,187,.2);color:#FF57BB;border:1px solid rgba(255,87,187,.3)}.personal-badge{background:rgba(102,22,115,.2);color:#661673;border:1px solid rgba(102,22,115,.3)}.org-icon,.personal-icon,.shared-icon{width:12px;height:12px;opacity:.8}.org-name,.personal-text,.shared-text{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.style-creator{font-size:11px;color:rgba(255,255,255,.6);font-style:italic;margin-top:6px;text-align:center;line-height:1.3}.shared-style{border-left:3px solid rgba(106,162,147,.5)}.shared-style.selected{border-left-color:#6FA293}@media (max-width:768px){.style-header{flex-direction:column;align-items:flex-start;gap:4px}.org-badge,.shared-badge{align-self:flex-start}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.regenerating-status{background:linear-gradient(135deg,#F1B85D,#f4af41);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px rgba(3,94,123,.3)}.regenerating-status .status-content{display:flex;align-items:center;gap:16px;color:white;font-size:16px;font-weight:500}.regenerating-status .spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.failed-status{background:linear-gradient(135deg,#8B0000,#A52A2A);border-radius:12px;padding:20px;margin-bottom:20px;justify-content:center;box-shadow:0 4px 15px rgba(139,0,0,.3)}.failed-status,.failed-status .status-content{display:flex;align-items:center;position:relative}.failed-status .status-content{gap:16px;color:white;width:100%;max-width:600px}.failed-status .failed-icon{font-size:28px;flex-shrink:0}.failed-status .failed-message{flex-grow:1}.failed-status .failed-message h3{margin:0 0 8px;color:white;font-size:18px;font-weight:600}.failed-status .failed-message p{margin:0 0 12px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.4}.failed-status .retry-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.failed-status .retry-btn:hover:not(:disabled){background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.failed-status .retry-btn:disabled{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.5);cursor:not-allowed}.failed-status .close-notification-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:rgba(255,255,255,.7);font-size:24px;font-weight:700;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.failed-status .close-notification-btn:hover{background:rgba(255,255,255,.2);color:white;transform:scale(1.1)}.summary-card.download-card .card-content,.summary-card.download-section .card-content{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.summary-card.download-section{background:linear-gradient(90deg,#661673,#4a1154)}.summary-card.download-card .card-icon,.summary-card.download-section .card-icon{position:absolute;top:16px;right:16px;width:32px;height:32px;opacity:.7;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.summary-card.download-card .card-icon img,.summary-card.download-section .card-icon img{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(1)}.summary-card.download-card:hover .card-icon,.summary-card.download-section:hover .card-icon{opacity:1;background:rgba(255,255,255,.3)}.style-view-toggle{display:flex;justify-content:center;margin-bottom:24px;background:rgba(0,0,0,.2);border-radius:12px;padding:4px}.style-view-toggle .toggle-btn{flex:1;padding:12px 16px;border:none;background:transparent;color:rgba(255,255,255,.7);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:10px}.style-view-toggle .toggle-btn:hover{background:rgba(255,255,255,.1);color:#ffffff}.style-view-toggle .toggle-btn.active{background-color:#F1B85D;color:#1a1a1a;box-shadow:0 4px 15px rgba(224,150,122,.3)}.user-styles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.add-style-btn{background:#F1B85D;color:#1a1a1a;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-style-btn:hover{background:#d48b6f;transform:translateY(-1px)}.style-card-container{position:relative}.style-actions{display:flex;justify-content:center;gap:6px;margin-top:auto;padding-top:8px;opacity:1;transition:opacity .3s ease}.style-card-container:hover .style-actions{opacity:1}.style-actions button{background:rgba(0,0,0,.5);color:white;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.style-actions button:hover{background:rgba(255,255,255,.2)}