#gallery-settings-section{max-width:1220px;margin:auto}.gallery-settings-intro{max-width:760px;margin:8px 0 30px}.gallery-settings-eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--green)}.gallery-settings-intro h2{font-size:25px;font-weight:550;margin:12px 0}.gallery-settings-intro p{font-size:13px;line-height:1.9;color:#74817b}.gallery-settings-demo{background:var(--green-pale);padding:10px 14px;border-radius:8px}.gallery-settings-fields{border:0;padding:0;margin:0;min-width:0}.gallery-settings-legend{font-size:16px;font-weight:600;margin-bottom:18px;padding:0}.gallery-settings-legend small{font-size:11px;font-weight:400;color:#74817b;margin-left:12px}.gallery-settings-styles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.gallery-settings-style{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.gallery-settings-style:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px #487c6a15}.gallery-settings-style:has(input:focus-visible){outline:3px solid #a7ccba;outline-offset:3px}.gallery-settings-style:has(input:disabled){cursor:wait;opacity:.72}.gallery-settings-style>input{position:absolute;width:1px;height:1px;opacity:0}.gallery-settings-style-name{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.gallery-settings-selected{visibility:hidden;color:var(--green)}.gallery-settings-style:has(input:checked) .gallery-settings-selected{visibility:visible}.gallery-settings-style-description{font-size:10px;line-height:1.8;color:#74817b}.gallery-settings-preview{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;height:110px;overflow:hidden;border-radius:7px;background:#eaf0ea;padding:7px;margin-bottom:3px}.gallery-settings-preview i{display:block;min-width:0;border-radius:3px;background:linear-gradient(153deg,#d4dfcb 30%,#8bad9a 31%,#769484 60%,#487763 61%)}.gallery-settings-preview i:nth-child(2){background:linear-gradient(28deg,#b2b69a 25%,#e0d4bd 26%,#f0e4cc 68%,#b6c8bd 69%)}.gallery-settings-preview i:nth-child(3){background:linear-gradient(160deg,#dce9e2 36%,#9fb5af 37%,#79989a 70%,#dae3d4 71%)}.gallery-settings-preview i:nth-child(4){background:linear-gradient(135deg,#d0c3ac 30%,#f0e4cf 31%,#c3d3c5 69%,#96b4a6 70%)}.gallery-settings-preview-caption{display:none;font-size:8px;letter-spacing:2px;font-weight:600}.gallery-settings-preview--single,.gallery-settings-preview--slideshow,.gallery-settings-preview--postcard,.gallery-settings-preview--editorial{display:block}.gallery-settings-preview--single i,.gallery-settings-preview--slideshow i,.gallery-settings-preview--postcard i,.gallery-settings-preview--editorial i{height:100%}.gallery-settings-preview--single i:not(:first-child),.gallery-settings-preview--slideshow i:not(:first-child),.gallery-settings-preview--postcard i:not(:first-child),.gallery-settings-preview--editorial i:not(:first-child){display:none}.gallery-settings-preview--slideshow:after{content:'● ● ●';position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#fff;font-size:7px;letter-spacing:4px}.gallery-settings-preview--collage{grid-template-columns:1.6fr 1fr}.gallery-settings-preview--collage i:first-child{grid-row:span 2}.gallery-settings-preview--collage i:last-of-type{display:none}.gallery-settings-preview--stack{display:block}.gallery-settings-preview--stack i{position:absolute;width:70%;height:72%;top:14%;left:15%;border:3px solid #fff;box-shadow:0 2px 7px #28493820;transform:rotate(-9deg)}.gallery-settings-preview--stack i:nth-child(2){transform:rotate(7deg)}.gallery-settings-preview--stack i:nth-child(3){transform:rotate(-1deg)}.gallery-settings-preview--stack i:last-of-type{display:none}.gallery-settings-preview--filmstrip{display:flex;gap:4px;padding:18px 7px;background:#566c60}.gallery-settings-preview--filmstrip i{flex:0 0 44%}.gallery-settings-preview--filmstrip:after,.gallery-settings-preview--filmstrip:before{content:'';height:4px;position:absolute;left:6px;right:6px;background:repeating-linear-gradient(90deg,#d2dacd 0 6px,transparent 6px 12px);top:7px}.gallery-settings-preview--filmstrip:after{top:auto;bottom:7px}.gallery-settings-preview--split i:nth-child(n+3){display:none}.gallery-settings-preview--triptych{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-settings-preview--triptych i:last-of-type{display:none}.gallery-settings-preview--postcard{padding:9px 9px 24px;background:#f8f4ea}.gallery-settings-preview--postcard .gallery-settings-preview-caption{display:block;position:absolute;bottom:7px;color:#84917c;left:0;right:0;text-align:center;font-size:6px}.gallery-settings-preview--editorial{padding:0}.gallery-settings-preview--editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#203e2f9c)}.gallery-settings-preview--editorial .gallery-settings-preview-caption{display:block;position:absolute;bottom:14px;left:10px;right:8px;color:white;font-size:9px;letter-spacing:1.1px;z-index:1}.gallery-settings-playback{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:24px;padding:23px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.gallery-settings-playback>div{flex:1 1 280px}.gallery-settings-playback h3{margin:0 0 8px;font-size:15px;font-weight:550}.gallery-settings-playback p{margin:0;font-size:11px;line-height:1.8;color:#74817b}.gallery-settings-interval{display:grid;gap:7px;font-size:11px}.gallery-settings-interval input{width:75px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface)}.gallery-settings-interval small,.gallery-settings-autoplay small{font-size:10px;color:#74817b}.gallery-settings-autoplay{display:flex;align-items:center;gap:10px;cursor:pointer}.gallery-settings-autoplay input{width:18px;height:18px;accent-color:var(--green)}.gallery-settings-autoplay strong,.gallery-settings-autoplay small{display:block}.gallery-settings-autoplay strong{font-size:12px;font-weight:500;margin-bottom:5px}.gallery-settings-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0 10px}.gallery-settings-updated{font-size:11px;color:#74817b}.gallery-settings-feedback{font-size:12px;line-height:1.8;color:var(--green);margin-top:10px}.gallery-settings-feedback.is-error{color:#9d593e}.gallery-settings-reload{margin-top:12px}@media(max-width:1150px){.gallery-settings-styles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.gallery-settings-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-settings-style{padding:10px}.gallery-settings-preview{height:98px}.gallery-settings-intro h2{font-size:21px}.gallery-settings-legend small{display:block;margin:8px 0 0}.gallery-settings-playback{padding:17px;gap:22px}.gallery-settings-footer{align-items:flex-start;flex-direction:column}.gallery-settings-footer .button{width:100%}}@media(prefers-reduced-motion:reduce){.gallery-settings-style{transition:none}}
.gallery-settings-preview--random{gap:6px;padding:10px;background:linear-gradient(125deg,#e7eee1,#f3eee3)}.gallery-settings-preview--random i{border:2px solid #fffdf6;box-shadow:0 2px 5px #3c574122}.gallery-settings-preview--random i:first-child{transform:rotate(-7deg)}.gallery-settings-preview--random i:nth-child(2){transform:rotate(5deg)}.gallery-settings-preview--random i:nth-child(3){transform:rotate(4deg)}.gallery-settings-preview--random i:nth-child(4){transform:rotate(-5deg)}.gallery-settings-preview--random:after{content:"⇄";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border:2px solid #fffdf7;border-radius:50%;background:#6e8d74;color:white;font-size:26px;line-height:1;box-shadow:0 2px 7px #354d3433}
.gallery-settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:4px 0 30px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.gallery-settings-tab{display:flex;align-items:center;gap:14px;min-width:0;min-height:90px;padding:19px 20px;text-align:left;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.gallery-settings-tab:hover{border-color:color-mix(in srgb,var(--green) 45%,var(--line));background:color-mix(in srgb,var(--green) 3%,var(--surface))}
.gallery-settings-tab.is-active{border-color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--surface));box-shadow:inset 0 -3px var(--green)}
.gallery-settings-tab:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.gallery-settings-tab>span:nth-child(2){min-width:0;flex:1}.gallery-settings-tab strong{display:block;font-size:15px;font-weight:550;line-height:1.5}.gallery-settings-tab small{display:block;margin-top:5px;font-size:11px;line-height:1.7;color:var(--muted,#74817b)}
.gallery-settings-tab-number{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:var(--bg,#f6f8f3);color:var(--muted,#74817b);font-size:11px;letter-spacing:1px}.is-active .gallery-settings-tab-number{background:var(--green);color:#fff}
.gallery-settings-tab-arrow{font-size:17px;color:var(--muted,#74817b);opacity:.6}.is-active .gallery-settings-tab-arrow{color:var(--green);opacity:1}
.gallery-settings-panel{min-width:0;outline:none}.gallery-settings-panel[hidden]{display:none!important}.gallery-settings-panel:focus-visible{outline:2px solid var(--green);outline-offset:7px;border-radius:8px}
.gallery-settings-panel .gallery-settings-intro{margin-top:0;margin-bottom:25px}.gallery-settings-panel .gallery-settings-intro h2{font-size:21px}.gallery-settings-panel .gallery-governance{margin-bottom:0}
@media(max-width:850px){.gallery-settings-tabs{gap:10px}.gallery-settings-tab{gap:9px;padding:16px 13px}.gallery-settings-tab-arrow{display:none}}
@media(max-width:620px){.gallery-settings-tabs{gap:7px;margin-bottom:22px;padding-bottom:18px}.gallery-settings-tab{min-height:72px;padding:11px 5px;gap:7px;justify-content:center;flex-direction:column;text-align:center;border-radius:10px}.gallery-settings-tab-number{width:23px;height:23px;flex-basis:23px;border-radius:7px;font-size:9px}.gallery-settings-tab>span:nth-child(2){flex:none}.gallery-settings-tab strong{font-size:12px;white-space:nowrap}.gallery-settings-tab small{display:none}.gallery-settings-panel .gallery-settings-intro h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.gallery-settings-tab{transition:none}}
/* Each fixed presentation keeps its own optional rhythm without crowding the selector. */
.gallery-settings-style-note{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-3px 0 18px;font-size:11px;line-height:1.8;color:#74817b}.gallery-settings-style-note>[data-gallery-enabled-count]{white-space:nowrap;color:var(--green)}.gallery-settings-styles{align-items:start}.gallery-settings-style-option{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.gallery-settings-style-option:has(.gallery-settings-style>input:checked){border-color:var(--green);box-shadow:0 0 0 2px #487c6a15}.gallery-settings-style-option>.gallery-settings-style{border:0;border-radius:12px 12px 0 0;box-shadow:none}.gallery-settings-style-option>.gallery-settings-style:has(input:focus-visible){outline-offset:-3px}.gallery-settings-motion-hint{font-size:10px;line-height:1.8;color:var(--green);padding-top:7px;border-top:1px dashed var(--line)}.gallery-settings-random-note{font-size:11px;line-height:1.8;color:#74817b;margin:0;padding:0 12px 14px}.gallery-settings-style-controls{border-top:1px solid var(--line);font-size:11px}.gallery-settings-style-controls summary{display:flex;align-items:center;justify-content:space-between;gap:7px;list-style:none;cursor:pointer;padding:12px;color:var(--ink)}.gallery-settings-style-controls summary::-webkit-details-marker{display:none}.gallery-settings-style-controls summary>span:first-child:before{content:'+';margin-right:6px;color:var(--green)}.gallery-settings-style-controls[open] summary>span:first-child:before{content:'−'}.gallery-settings-style-controls summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px;border-radius:5px}.gallery-settings-style-status{font-size:9px;color:var(--green);white-space:nowrap}.gallery-settings-style-status.is-off{color:#88918b}.gallery-settings-style-body{padding:0 12px 13px}.gallery-settings-style-enable{display:flex;align-items:flex-start;gap:7px;line-height:1.7;cursor:pointer}.gallery-settings-style-enable input{accent-color:var(--green);margin-top:3px}.gallery-settings-style-enable small{display:block;font-size:9px;color:#74817b;line-height:1.7;margin-top:3px}.gallery-settings-style-rhythm{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.gallery-settings-style-rhythm label{display:flex;align-items:center;gap:4px;white-space:nowrap}.gallery-settings-style-rhythm input{width:49px;min-width:0;padding:7px 4px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--surface);font:inherit;text-align:center}.gallery-settings-style-rhythm input::placeholder{color:#98a39c}.gallery-settings-style-inherit{font-size:9px;color:#74817b;line-height:1.8;margin:9px 0 12px}.gallery-settings-style-save{width:100%;min-height:32px;font-size:10px;padding:7px 10px}.gallery-settings-style-feedback{display:block;font-size:10px;line-height:1.7;color:var(--green);margin-top:7px}.gallery-settings-style-feedback:empty{display:none}.gallery-settings-style-feedback.is-error{color:#9d593e}.gallery-settings-playback>.gallery-settings-global-rhythm{display:flex;flex:0 1 auto;gap:14px}.gallery-settings-autoplay small{max-width:180px;line-height:1.7}.gallery-settings-fields:disabled .gallery-settings-style-controls{opacity:.72}.gallery-settings-fields:disabled .gallery-settings-style-save{cursor:wait}
/* Small automatic loops explain each style before it is selected. Only these
   synthetic samples use this rhythm; live covers follow their saved settings. */
.gallery-settings-preview--single i:first-child,.gallery-settings-preview--slideshow i:first-child,.gallery-settings-preview--postcard i:first-child,.gallery-settings-preview--editorial i:first-child{position:relative;z-index:1}
.gallery-settings-preview--single i:nth-child(2),.gallery-settings-preview--slideshow i:nth-child(2),.gallery-settings-preview--postcard i:nth-child(2),.gallery-settings-preview--editorial i:nth-child(2){display:block;position:absolute;inset:7px;height:auto;z-index:0}
.gallery-settings-preview--postcard i:nth-child(2){inset:9px 9px 24px}.gallery-settings-preview--editorial i:nth-child(2){inset:0}.gallery-settings-preview--editorial:after,.gallery-settings-preview--slideshow:after{z-index:2}.gallery-settings-preview--editorial .gallery-settings-preview-caption{z-index:3}
.gallery-settings-preview--single i:first-child{animation:gallery-settings-push 8s ease-in-out infinite}.gallery-settings-preview--slideshow i:first-child{animation:gallery-settings-fade 7s ease-in-out infinite}.gallery-settings-preview--postcard i:first-child{transform-origin:left center;animation:gallery-settings-postcard 8.5s ease-in-out infinite}.gallery-settings-preview--editorial i:first-child{animation:gallery-settings-editorial 8s ease-in-out infinite}.gallery-settings-preview--editorial .gallery-settings-preview-caption{animation:gallery-settings-caption 8s ease-in-out infinite}
.gallery-settings-preview--stack i:nth-child(3){animation:gallery-settings-stack 8s cubic-bezier(.3,0,.2,1) infinite}.gallery-settings-preview--stack i:nth-child(2){animation:gallery-settings-stack-under 8s ease-in-out infinite}
.gallery-settings-preview--filmstrip i{position:absolute;left:7px;top:18px;bottom:18px;width:calc((100% - 14px)*.44);height:auto;animation:gallery-settings-tape 16s linear infinite}.gallery-settings-preview--filmstrip i:nth-child(2){animation-delay:-4s}.gallery-settings-preview--filmstrip i:nth-child(3){animation-delay:-8s}.gallery-settings-preview--filmstrip i:nth-child(4){animation-delay:-12s}
/* Surviving pictures move toward the first slot, while a new picture enters
   the last slot. A brief soft reset keeps the four-shape sample lightweight. */
.gallery-settings-preview--collage,.gallery-settings-preview--split,.gallery-settings-preview--triptych,.gallery-settings-preview--mosaic{--gs-cycle:6.8s}
:is(.gallery-settings-preview--collage,.gallery-settings-preview--split,.gallery-settings-preview--triptych,.gallery-settings-preview--mosaic) i{position:relative;z-index:1;transform-origin:0 0;animation:gallery-settings-queue-shift var(--gs-cycle) ease-in-out infinite}
:is(.gallery-settings-preview--collage,.gallery-settings-preview--split,.gallery-settings-preview--triptych,.gallery-settings-preview--mosaic) i:first-child{z-index:2;animation-name:gallery-settings-queue-exit}
.gallery-settings-preview--collage i:nth-child(2){--gs-next:translateX(calc(-160% - 3px)) scale(1.6,2.065)}.gallery-settings-preview--collage i:nth-child(3){--gs-next:translateY(calc(-100% - 3px))}
.gallery-settings-preview--split i:nth-child(2),.gallery-settings-preview--triptych i:nth-child(2),.gallery-settings-preview--triptych i:nth-child(3),.gallery-settings-preview--mosaic i:nth-child(2),.gallery-settings-preview--mosaic i:nth-child(4){--gs-next:translateX(calc(-100% - 3px))}.gallery-settings-preview--mosaic i:nth-child(3){--gs-next:translate(calc(100% + 3px),calc(-100% - 3px))}
.gallery-settings-preview--collage i:nth-child(4),.gallery-settings-preview--split i:nth-child(3),.gallery-settings-preview--triptych i:nth-child(4),.gallery-settings-preview--mosaic:after{display:block;position:absolute;right:7px;left:auto;top:7px;bottom:7px;width:calc((100% - 17px)/2);height:auto;opacity:0;z-index:0;border-radius:3px;animation:gallery-settings-queue-enter var(--gs-cycle) ease-in-out infinite}
.gallery-settings-preview--collage i:nth-child(4){top:calc(50% + 1.5px);width:calc((100% - 17px)/2.6)}.gallery-settings-preview--triptych i:nth-child(4){width:calc((100% - 20px)/3)}.gallery-settings-preview--mosaic:after{content:'';top:calc(50% + 1.5px);background:linear-gradient(150deg,#e7d4cb 30%,#bf9f92 31%,#dac5ad 66%,#9fae91 67%)}
.gallery-settings-preview--random i{--gs-tilt:-7deg;animation:gallery-settings-random 9s ease-in-out infinite}.gallery-settings-preview--random i:nth-child(2){--gs-tilt:5deg;animation-delay:-2s}.gallery-settings-preview--random i:nth-child(3){--gs-tilt:4deg;animation-delay:-4s}.gallery-settings-preview--random i:nth-child(4){--gs-tilt:-5deg;animation-delay:-6s}
@keyframes gallery-settings-push{0%,15%,100%{opacity:1;transform:scale(1)}45%,70%{opacity:0;transform:scale(1.12)}80%{opacity:0;transform:scale(1.03)}}
@keyframes gallery-settings-fade{0%,20%,95%,100%{opacity:1}45%,70%{opacity:0}}
@keyframes gallery-settings-postcard{0%,18%,100%{opacity:1;transform:perspective(250px) rotateY(0)}50%,74%{opacity:0;transform:perspective(250px) rotateY(-65deg)}82%{opacity:0;transform:perspective(250px) rotateY(0)}}
@keyframes gallery-settings-editorial{0%,18%,100%{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}50%,76%{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.035)}82%{opacity:0;clip-path:inset(0 0 0 0);transform:scale(1.02)}}
@keyframes gallery-settings-caption{0%,20%,100%{opacity:1;transform:translateY(0)}44%,70%{opacity:.4;transform:translateY(3px)}}
@keyframes gallery-settings-stack{0%,20%,100%{transform:rotate(-1deg) translateX(0);opacity:1}65%,80%{transform:translate(170%,-8px) rotate(8deg);opacity:0}80.01%,87%{transform:rotate(-1deg) translateX(0);opacity:0}}
@keyframes gallery-settings-stack-under{0%,20%,100%{transform:rotate(7deg)}65%,80%{transform:rotate(-1deg)}}
@keyframes gallery-settings-tape{from{transform:translateX(calc(300% + 12px))}to{transform:translateX(calc(-100% - 4px))}}
@keyframes gallery-settings-queue-shift{0%,22%,100%{transform:none;opacity:1}64%,82%{transform:var(--gs-next);opacity:1}90%{transform:var(--gs-next);opacity:0}90.01%{transform:none;opacity:0}}
@keyframes gallery-settings-queue-exit{0%,22%,100%{transform:none;opacity:1}64%,90%{transform:translateX(calc(-100% - 10px));opacity:0}90.01%{transform:none;opacity:0}}
@keyframes gallery-settings-queue-enter{0%,22%{transform:translateX(calc(100% + 10px));opacity:0}64%,82%{transform:none;opacity:1}90%,100%{transform:none;opacity:0}}
@keyframes gallery-settings-random{0%,100%{transform:rotate(var(--gs-tilt)) translateY(0)}50%{transform:rotate(var(--gs-tilt)) translateY(-2px)}}
@media(max-width:620px){.gallery-settings-style-note{align-items:flex-start;flex-direction:column;gap:4px}.gallery-settings-style-controls summary{flex-wrap:wrap;padding:10px}.gallery-settings-style-body{padding:0 10px 11px}.gallery-settings-style-rhythm{gap:8px}.gallery-settings-style-rhythm input{width:45px}.gallery-settings-playback>.gallery-settings-global-rhythm{gap:18px}.gallery-settings-autoplay small{max-width:230px}}
@media(prefers-reduced-motion:reduce){.gallery-settings-style-option{transition:none}.gallery-settings-style-option .gallery-settings-preview *,.gallery-settings-style-option .gallery-settings-preview:before,.gallery-settings-style-option .gallery-settings-preview:after{animation:none!important;transition:none!important}.gallery-settings-preview--filmstrip i{position:relative;inset:auto;width:auto;height:100%}}
.gallery-settings-random-scope{padding:12px;border-top:1px solid var(--line)}.gallery-settings-random-scope>label{display:grid;gap:8px;color:var(--ink);font-size:11px}.gallery-settings-random-scope select{width:100%;min-width:0;max-width:100%;padding:8px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.gallery-settings-random-scope select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.gallery-settings-random-scope>p{margin:9px 0 0;font-size:10px;line-height:1.8;color:var(--muted,#74817b)}@media(max-width:620px){.gallery-settings-random-scope{padding:10px}.gallery-settings-random-scope select{font-size:10px}}
.gallery-settings-transition{display:grid;gap:7px;margin-top:13px;color:var(--ink);font-size:11px}.gallery-settings-transition select{width:100%;min-width:0;padding:7px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.gallery-settings-transition select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.gallery-settings-transition small{font-size:9px;line-height:1.8;color:var(--muted,#74817b)}
.gallery-settings-playback>.gallery-settings-playback-heading{flex-basis:100%}.gallery-settings-playback>.gallery-settings-pool{display:flex;flex:1 1 320px;align-items:center;gap:20px;padding-left:22px;border-left:1px solid var(--line)}.gallery-settings-pool>.gallery-settings-interval{flex:0 0 auto}.gallery-settings-pool>p{max-width:360px}.gallery-settings-playback>.gallery-settings-playback-options{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:24px 35px;padding-top:19px;border-top:1px solid var(--line)}.gallery-settings-playback-options>.gallery-settings-autoplay{align-items:flex-start;flex:0 1 300px}.gallery-settings-playback-options>.gallery-settings-autoplay input{flex:0 0 18px;margin-top:1px}.gallery-settings-playback-options .gallery-settings-autoplay small{max-width:280px;line-height:1.8}@media(max-width:620px){.gallery-settings-playback>.gallery-settings-pool{flex-basis:100%;padding:17px 0 0;border-left:0;border-top:1px solid var(--line);gap:17px}.gallery-settings-pool>p{font-size:10px}.gallery-settings-playback>.gallery-settings-playback-options{gap:18px}.gallery-settings-playback-options>.gallery-settings-autoplay{flex-basis:100%}}
.gallery-settings-pool-fields{display:grid;flex:0 0 auto;gap:10px}.gallery-settings-all-frames{display:flex;align-items:center;gap:8px;width:max-content;font-size:11px;cursor:pointer;color:var(--ink)}.gallery-settings-all-frames input{width:16px;height:16px;margin:0;accent-color:var(--green)}.gallery-settings-pool-fields input[type=number]:disabled{opacity:.48;cursor:default}.gallery-settings-all-frames input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.gallery-settings-discovery{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.gallery-settings-discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.gallery-settings-discovery-heading h3{margin:6px 0 8px;font-size:16px;color:var(--ink)}
.gallery-settings-discovery-heading p,.gallery-settings-discovery-help{margin:0;color:var(--muted,#74817b);font-size:11px;line-height:1.85}
.gallery-settings-discovery-heading>.gallery-settings-autoplay{flex:0 0 auto}
.gallery-settings-discovery-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:20px}
.gallery-settings-discovery-fields>label{display:grid;align-content:start;gap:9px;font-size:12px;color:var(--ink)}
.gallery-settings-discovery-fields>label>span{display:flex;align-items:center;gap:9px}
.gallery-settings-discovery-fields input,.gallery-settings-discovery-fields select{box-sizing:border-box;min-width:0;min-height:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
.gallery-settings-discovery-fields input{width:82px;padding:8px 10px}
.gallery-settings-discovery-fields select{width:100%;padding:8px 10px}
.gallery-settings-discovery-fields small{color:var(--muted,#74817b);font-size:10px;line-height:1.75}
.gallery-settings-discovery-fields input:focus-visible,.gallery-settings-discovery-fields select:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.gallery-settings-discovery-help{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.gallery-settings-feed .gallery-settings-discovery-fields,.gallery-settings-image-detail .gallery-settings-discovery-fields{grid-template-columns:minmax(0,440px)}
@media(max-width:620px){.gallery-settings-discovery{padding:18px 15px}.gallery-settings-discovery-heading{align-items:flex-start;flex-direction:column;gap:16px}.gallery-settings-discovery-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.gallery-settings-discovery-order{grid-column:1/-1}}

[data-gallery-settings-form]+[data-gallery-settings-form]{margin-top:28px;padding-top:24px;border-top:1px solid var(--line,#e4e8e5)}.gallery-settings-tag-display{display:grid;gap:20px}.gallery-settings-tag-display select{width:100%;min-height:42px}.gallery-settings-tag-display .gallery-settings-discovery-fields{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:640px){.gallery-settings-tag-display .gallery-settings-discovery-fields{grid-template-columns:1fr}}
.gallery-settings-count{margin-bottom:20px;padding:16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,var(--green))}
.gallery-settings-count-weights{margin-top:16px}
.gallery-settings-count-help{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.8}
.gallery-settings-count input:disabled{opacity:.55}
.gallery-settings-delay-toggle{margin:15px 0 13px;padding-top:13px;border-top:1px solid var(--line)}
.gallery-settings-delay-toggle input:disabled{opacity:.4;cursor:default}
.gallery-settings-delay{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.gallery-settings-delay-intro h3{margin:8px 0 10px;font-size:18px;color:var(--ink)}
.gallery-settings-delay-intro p,.gallery-settings-delay-stage p{margin:0;color:var(--muted);font-size:11px;line-height:1.85}
.gallery-settings-delay-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);align-items:center;gap:32px;margin-top:24px}
.gallery-settings-delay-fields{display:grid;gap:16px;min-width:0}
.gallery-settings-delay-fields>label{display:grid;gap:9px;color:var(--ink);font-size:12px}
.gallery-settings-delay-fields select,.gallery-settings-delay-fields input{box-sizing:border-box;min-width:0;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
.gallery-settings-delay-fields select{width:100%}.gallery-settings-delay-fields input{width:112px}
.gallery-settings-delay-fields>label>span{display:flex;align-items:center;gap:10px}
.gallery-settings-delay-fields small,.gallery-settings-delay-fields>p{margin:0;font-size:10px;line-height:1.8;color:var(--muted)}
.gallery-settings-delay-fields>p{min-height:18px;margin-top:-7px}
.gallery-settings-delay-fields>.button{justify-self:start}
.gallery-settings-delay-fields :is(input,select):focus-visible{outline:2px solid var(--green);outline-offset:2px}
.gallery-settings-delay-stage{min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 92%,var(--green))}
.gallery-settings-delay-pixels{--delay-span:1800ms;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;padding:4px 0 16px}
.gallery-settings-delay-pixels i{display:block;aspect-ratio:1;border-radius:5px;background:hsl(var(--pixel-hue) 44% 70%);box-shadow:inset 0 0 0 1px #ffffff24}
.gallery-settings-delay-pixels.is-playing i{animation:gallery-delay-pixel 1100ms ease-in-out calc(var(--pixel-phase) * var(--delay-span)) 1 both}
.gallery-settings-delay-reduced{display:none;margin-top:9px;color:var(--muted);font-size:10px;line-height:1.7}
@keyframes gallery-delay-pixel{0%{background:hsl(var(--pixel-hue) 44% 70%);transform:scale(1)}48%{background:hsl(calc(var(--pixel-hue) + 105) 55% 70%);transform:scale(.9)}100%{background:hsl(calc(var(--pixel-hue) + 160) 43% 69%);transform:scale(1)}}
@media(max-width:760px){.gallery-settings-delay-layout{grid-template-columns:minmax(0,1fr);gap:22px}.gallery-settings-delay-stage{padding:13px}.gallery-settings-delay{padding:18px 15px}.gallery-settings-delay-pixels{gap:4px}.gallery-settings-delay-pixels i{border-radius:3px}}
@media(prefers-reduced-motion:reduce){.gallery-settings-delay-pixels.is-playing i{animation:none!important}.gallery-settings-delay-reduced{display:block}}