.custom-image-gallery-editor{border:1px solid #ddd;border-radius:8px;padding:24px;margin-bottom:20px;background:#fafafa;min-height:200px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;text-align:center;max-width:100%;margin-left:auto;margin-right:auto}.gallery-header{margin-bottom:24px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;padding:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;max-width:600px}.gallery-header-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:12px}.gallery-icon{flex-shrink:0;color:#007cba;background:rgba(0,124,186,.1);padding:8px;border-radius:6px}.gallery-title-section{-webkit-box-flex:1;flex:1;min-width:0}.gallery-title{font-size:18px;font-weight:600;margin:0 0 4px;color:#1e1e1e;line-height:1.3}.gallery-subtitle{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.gallery-images-section{margin-top:24px}.gallery-controls{margin-bottom:20px;padding:20px;background:#fff;border:1px solid #e1e1e1;border-radius:6px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;max-width:600px}.control-actions{display:-webkit-box;display:flex;gap:12px;-webkit-box-align:center;align-items:center;margin-bottom:12px}.add-images-button{font-weight:500 !important}.clear-gallery-button{color:#dc3232 !important;border-color:#dc3232 !important}.clear-gallery-button:hover{background:#fceaea !important;color:#dc3232 !important}.gallery-sort-hint{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:8px;font-size:13px;color:#666;font-style:italic}.gallery-sort-hint svg{flex-shrink:0;opacity:.7}.gallery-images-list{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:16px;width:100%;max-width:800px;-webkit-box-align:center;align-items:center}.gallery-image-item{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;gap:12px;padding:12px;border:1px solid #ddd;border-radius:4px;background:#fff;position:relative}.gallery-image-item.is-selected{border-color:#007cba;-webkit-box-shadow:0 0 0 1px #007cba;box-shadow:0 0 0 1px #007cba}.image-drag-handle{cursor:-webkit-grab;cursor:grab;color:#666;padding:4px;border-radius:2px;-webkit-transition:color .2s ease;transition:color .2s ease}.image-drag-handle:hover{color:#007cba}.image-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.image-preview{flex-shrink:0}.image-preview img{width:80px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #ddd}.image-details{-webkit-box-flex:1;flex:1;min-width:0}.image-title{font-weight:600;margin-bottom:4px;font-size:14px;line-height:1.4}.image-description{font-size:13px;color:#666;line-height:1.4;margin:0}.remove-image-button{flex-shrink:0;color:#dc3232;border:none;background:0 0;cursor:pointer;padding:8px;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.remove-image-button:hover{background-color:#fceaea}.gallery-empty-state{text-align:center;padding:48px 24px;color:#666;border:2px dashed #e1e1e1;border-radius:8px;background:#fff;margin:20px auto;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.1);width:100%;max-width:500px}.empty-state-icon{margin-bottom:16px;opacity:.6}.empty-state-title{font-size:16px;font-weight:600;color:#1e1e1e;margin:0 0 8px}.empty-state-description{font-size:14px;line-height:1.5;margin:0 0 20px;max-width:300px;margin-left:auto;margin-right:auto}.empty-state-features{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;gap:12px;margin-top:16px}.feature-tag{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:6px;font-size:11px;color:#007cba;background:rgba(0,124,186,.1);padding:4px 8px;border-radius:12px;border:1px solid rgba(0,124,186,.2);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.custom-image-gallery{--gallery-border-radius:16px;--gallery-shadow:0 8px 32px rgba(0,0,0,.12);--gallery-bg:#fff;--gallery-accent:#007cba;--gallery-accent-light:#00a4cc;--gallery-text:#1e1e1e;--gallery-text-muted:#666;--gallery-overlay:rgba(0,0,0,.8);--gallery-glass:rgba(255,255,255,.95)}.gallery-skip-link{position:absolute;top:-40px;left:6px;background:var(--gallery-accent);color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:600;z-index:100;-webkit-transition:top .3s ease;transition:top .3s ease}.gallery-skip-link:focus{top:6px}.gallery-end-anchor{position:absolute;bottom:-40px;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.custom-image-gallery{position:relative;max-width:100%;margin:var(--spacing-8) auto;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--gallery-border-radius,var(--border-radius-xl));-webkit-box-shadow:var(--gallery-shadow,var(--box-shadow-lg));box-shadow:var(--gallery-shadow,var(--box-shadow-lg));overflow:hidden;background:var(--gallery-bg,var(--color-bg-surface));-webkit-transition:-webkit-box-shadow var(--transition-base),-webkit-transform var(--transition-base);transition:-webkit-box-shadow var(--transition-base),-webkit-transform var(--transition-base);transition:box-shadow var(--transition-base),transform var(--transition-base);transition:box-shadow var(--transition-base),transform var(--transition-base),-webkit-box-shadow var(--transition-base),-webkit-transform var(--transition-base)}.custom-image-gallery:hover{-webkit-box-shadow:var(--box-shadow-2xl);box-shadow:var(--box-shadow-2xl);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.custom-image-gallery:focus-within{outline:2px solid var(--color-focus);outline-offset:4px}.custom-image-gallery .gallery-title{font-size:clamp(24px,4vw,32px);font-weight:800;margin-bottom:32px;text-align:center;color:var(--gallery-text);font-family:inherit;line-height:1.1;letter-spacing:-.02em;position:relative;z-index:10;padding:0 16px}.custom-image-gallery .gallery-title:after{content:'';display:block;width:60px;height:4px;background:-webkit-gradient(linear,left top,right top,from(var(--gallery-accent)),to(var(--gallery-accent-light)));background:linear-gradient(90deg,var(--gallery-accent),var(--gallery-accent-light));border-radius:2px;margin:16px auto 0;-webkit-transition:width .3s ease;transition:width .3s ease}.custom-image-gallery:hover .gallery-title:after{width:80px}.custom-image-gallery.no-navigation .gallery-navigation{display:none}.custom-image-gallery.no-dots .gallery-dots{display:none}.gallery-container{position:relative;overflow:hidden;width:100%;background:#000;min-height:400px;max-height:70vh;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.gallery-slides{display:-webkit-box;display:flex;-webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);height:100%;width:100%}.gallery-slide{-webkit-box-flex:0;flex:0 0 100%;position:relative;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:inherit;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.gallery-slide:focus-within{outline:2px solid var(--gallery-accent);outline-offset:4px}.slide-image{width:100%;height:100%;position:relative;overflow:hidden;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.slide-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;-webkit-transition:opacity .3s ease,-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:opacity .3s ease,-webkit-transform .6s cubic-bezier(.4,0,.2,1);transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .3s ease;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .3s ease,-webkit-transform .6s cubic-bezier(.4,0,.2,1);opacity:0;-webkit-animation:fadeInImage .3s ease 3s forwards;animation:fadeInImage .3s ease 3s forwards}.slide-image img.loaded{opacity:1;-webkit-animation:none;animation:none}.slide-image img.error{opacity:.3;-webkit-filter:grayscale(100%);filter:grayscale(100%)}@-webkit-keyframes fadeInImage{to{opacity:1}}@keyframes fadeInImage{to{opacity:1}}.slide-image:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.slide-image:before{content:'';position:absolute;inset:0;background-size:200% 100%,20px 20px;-webkit-animation:loading 2s infinite;animation:loading 2s infinite;z-index:1;opacity:1;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;border-radius:inherit}.slide-image:after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid rgba(255,255,255,.8);border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;z-index:2;opacity:.8}.slide-image img.loaded:before,.slide-image img.loaded:after,.slide-image img.error:before,.slide-image img.error:after{opacity:0}@-webkit-keyframes loading{0%{background-position:-200% 0,0 0}100%{background-position:200% 0,20px 20px}}@keyframes loading{0%{background-position:-200% 0,0 0}100%{background-position:200% 0,20px 20px}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.slide-info{position:absolute;bottom:24px;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(18%,rgba(0,0,0,.75)));background:linear-gradient(transparent,rgba(0,0,0,.75) 18%);color:#fff;padding:32px 24px 24px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);opacity:0}.gallery-slide:hover .slide-info{-webkit-transform:translateY(-8px);transform:translateY(-8px);opacity:1}.slide-title{font-size:28px;font-weight:700;margin:0 0 12px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2}.slide-description{font-size:16px;line-height:1.6;margin:0;color:rgba(255,255,255,.9);text-shadow:0 1px 4px rgba(0,0,0,.3);max-width:600px}.slide-description p{margin:0 0 8px}.slide-description p:last-child{margin-bottom:0}.gallery-navigation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:0 24px;pointer-events:none;z-index:15}.gallery-navigation button{pointer-events:auto;background:rgba(255,255,255,.95);border:none;border-radius:50%;width:64px;height:64px;cursor:pointer;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.3);box-shadow:0 8px 32px rgba(0,0,0,.3);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-size:20px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-navigation button:before{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));z-index:-1}.gallery-navigation button:hover{background:rgba(255,255,255,1);-webkit-transform:scale(1.1) translateY(-4px);transform:scale(1.1) translateY(-4px);-webkit-box-shadow:0 16px 48px rgba(0,0,0,.4);box-shadow:0 16px 48px rgba(0,0,0,.4)}.gallery-navigation button:active{-webkit-transform:scale(1.05) translateY(-2px);transform:scale(1.05) translateY(-2px)}.gallery-navigation button:focus,.gallery-navigation button:focus-visible{outline:3px solid var(--color-focus,#007cba);outline-offset:4px;-webkit-box-shadow:0 0 0 3px var(--color-focus-ring,rgba(0,124,186,.2));box-shadow:0 0 0 3px var(--color-focus-ring,rgba(0,124,186,.2))}.gallery-navigation button:active{-webkit-transform:scale(.95) translateY(-1px);transform:scale(.95) translateY(-1px)}.gallery-nav-prev{margin-left:-32px}.gallery-nav-next{margin-right:-32px}.gallery-dots{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:24px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:15}.gallery-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.3);cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.gallery-dot:before{content:'';position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(0,124,186,.4) 0%,transparent 70%);opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(.8);transform:scale(.8)}.gallery-dot:hover{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.5);-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-box-shadow:0 0 12px rgba(255,255,255,.4);box-shadow:0 0 12px rgba(255,255,255,.4)}.gallery-dot:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.gallery-dot.active{background:var(--gallery-accent);border-color:var(--gallery-accent);-webkit-box-shadow:0 0 20px rgba(0,124,186,.6);box-shadow:0 0 20px rgba(0,124,186,.6);-webkit-transform:scale(1.2);transform:scale(1.2)}.gallery-dot.active:before{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);background:radial-gradient(circle,rgba(0,124,186,.6) 0%,transparent 70%)}.gallery-dot:focus{outline:2px solid var(--gallery-accent);outline-offset:4px}@media (max-width:1024px){.custom-image-gallery{margin:2rem auto;border-radius:12px}.custom-image-gallery .gallery-title{font-size:28px;margin-bottom:24px}.gallery-container{min-height:350px;max-height:60vh}.slide-title{font-size:22px}.slide-description{font-size:14px;padding:28px 20px 20px}}@media (max-width:768px){.custom-image-gallery{margin:1.5rem auto;border-radius:8px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08)}.custom-image-gallery .gallery-title{font-size:24px;margin-bottom:20px;padding:0 16px}.custom-image-gallery .gallery-title:after{width:40px;height:3px}.gallery-container{min-height:280px;max-height:50vh;border-radius:8px;overflow:hidden}.gallery-navigation{padding:0 16px}.gallery-navigation button{width:48px;height:48px;font-size:16px}.gallery-nav-prev{margin-left:-24px}.gallery-nav-next{margin-right:-24px}.gallery-dots{bottom:14px;padding:10px 16px;gap:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15)}.slide-info{padding:20px 16px 16px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(12%,rgba(0,0,0,.7)));background:linear-gradient(transparent,rgba(0,0,0,.7) 12%);bottom:0;min-height:auto}.slide-title{font-size:20px;margin-bottom:8px}.slide-description{font-size:14px;line-height:1.5}}@media (max-width:480px){.custom-image-gallery{margin:1rem auto}.custom-image-gallery .gallery-title{font-size:20px;margin-bottom:16px}.gallery-container{min-height:220px;max-height:40vh}.gallery-navigation button{width:40px;height:40px;font-size:12px}.gallery-dots{bottom:6px;padding:6px 10px;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.gallery-dot{width:10px;height:10px}.slide-info{padding:12px 10px 10px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(8%,rgba(0,0,0,.55)));background:linear-gradient(transparent,rgba(0,0,0,.55) 8%);bottom:0}.slide-title{font-size:14px;margin-bottom:3px;font-weight:600;line-height:1.3}.slide-description{font-size:11px;line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width:480px){.gallery-slide{min-height:250px}.slide-info{padding:16px 12px 12px}.slide-title{font-size:18px;margin-bottom:4px}.slide-description{font-size:13px;line-height:1.4}.gallery-dots{bottom:12px;gap:6px}.gallery-dot{width:10px;height:10px}}@media (prefers-reduced-motion:reduce){.gallery-slides{-webkit-transition:none;transition:none}.slide-image img{-webkit-transition:none;transition:none}.gallery-navigation button{-webkit-transition:none;transition:none}.gallery-dot{-webkit-transition:none;transition:none}}@media (prefers-contrast:high){.gallery-navigation button{border:2px solid}.gallery-dot{border-width:3px}}.gallery-navigation button:focus,.gallery-dot:focus{z-index:10}