:root{--black:#07070b;--surface:#0e0d14;--surface2:#15121d;--ink:#f7f3f9;--muted:#b9b2c0;--line:rgba(255,255,255,.14);--purple:#9c43d1;--green:#28b982;--bronze:#c4934c;--danger:#dc7180;--shadow:0 24px 70px rgba(0,0,0,.48);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
.panel{padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,5rem);max-width:92rem;margin:auto}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--black);color:var(--ink);line-height:1.55;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(112,33,147,.13),transparent 26rem),radial-gradient(circle at 88% 35%,rgba(20,116,78,.1),transparent 28rem);z-index:-1}button,input,select,textarea{font:inherit}a{color:#d7a7f3}button,a{touch-action:manipulation}.hidden{display:none!important}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#111;padding:.7rem 1rem}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3.2rem);background:rgba(7,7,11,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:1.22rem;line-height:1.02}.brand small{display:block;font-size:.58rem;letter-spacing:.27em;color:#d2b070}.mini-infinity{font:700 3.1rem/.8 Georgia,serif;background:linear-gradient(110deg,#a23ada 10%,#26b87d 52%,#c4934c 88%);color:transparent;background-clip:text;-webkit-background-clip:text}.site-header nav{display:flex;gap:.4rem;align-items:center}.site-header nav a,.site-header nav button{border:0;background:none;color:var(--ink);padding:.65rem .75rem;text-decoration:none;cursor:pointer;white-space:nowrap}.site-header .nav-join{border:1px solid transparent;border-radius:.65rem;background:linear-gradient(var(--black),var(--black)) padding-box,linear-gradient(100deg,var(--purple),var(--green)) border-box;padding:.7rem 1rem}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:.5rem;color:var(--ink);padding:.5rem .7rem}.hero{display:grid;grid-template-columns:minmax(0,.82fr) minmax(21rem,1.18fr);min-height:36rem;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{display:grid;align-content:center;padding:clamp(3.3rem,7vw,7rem) clamp(1.2rem,6vw,6rem)}.hero-art{position:relative;min-height:28rem;background:radial-gradient(circle at center,rgba(92,25,118,.28),transparent 62%)}.hero-art:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,var(--black))}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.eyebrow{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.21em;font-size:.7rem;font-weight:800;color:#56d6aa}.hero h1{display:grid;font-size:clamp(3.1rem,6.4vw,6.5rem);line-height:.93;letter-spacing:-.055em;margin:.5rem 0 1.4rem}.hero h1 span:nth-child(1){color:#be66e7}.hero h1 span:nth-child(2){color:#d8d2dc}.hero h1 span:nth-child(3){color:#c79a56}.lede{max-width:38rem;font-size:clamp(1.02rem,1.6vw,1.24rem);color:#dad4de}.hero-actions,.button-row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.primary,.secondary,.search-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:47px;border-radius:.55rem;padding:.78rem 1.15rem;font-weight:800;text-decoration:none;cursor:pointer}.primary{border:1px solid #d1a65e;background:linear-gradient(135deg,#d5a654,#b98238);color:#17100b}.secondary{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(100deg,var(--purple),var(--green),var(--bronze)) border-box;color:var(--ink)}.foundation-note,.parade-note,.hint{font-size:.8rem;color:var(--muted)}.search-panel,.parade-section,.studio-showcase,.story-section{padding:clamp(3.2rem,7vw,6rem) clamp(1rem,5vw,5rem);max-width:96rem;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}.section-heading h2,.parade-heading h2{font-size:clamp(2.1rem,4vw,4.2rem);line-height:1;margin:.15rem 0}.section-heading>p{max-width:36rem;color:var(--muted)}.search-row{display:grid;grid-template-columns:minmax(15rem,2fr) minmax(13rem,1fr) auto;align-items:end;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(120deg,rgba(147,55,181,.07),rgba(31,153,108,.06))}.search-button{border:0;background:linear-gradient(105deg,#843fb2,#229d74);color:#fff;padding-inline:2rem}label{display:grid;gap:.35rem;font-weight:700}input,textarea,select{width:100%;background:#08070c;color:var(--ink);border:1px solid var(--line);border-radius:.6rem;padding:.74rem .8rem}input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(162,67,209,.58);outline-offset:2px}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem;margin-top:1.2rem}.creator-card,.card{background:linear-gradient(145deg,rgba(24,20,31,.96),rgba(10,9,14,.96));border:1px solid var(--line);border-radius:.9rem;box-shadow:var(--shadow)}.creator-card{display:grid;min-height:15rem;overflow:hidden;cursor:pointer}.creator-card .swatch{height:5rem;background:linear-gradient(135deg,var(--creator-bg),var(--creator-accent))}.creator-card .content{padding:1rem}.creator-card h3{margin:.25rem 0;font-size:1.35rem}.tag,.status{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:.18rem .55rem;font-size:.72rem;color:var(--muted)}.parade-section{padding-top:2rem}.parade-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:1rem}.parade-heading>span{height:1px;background:linear-gradient(90deg,transparent,var(--bronze),transparent)}.parade-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem}.artist-parade{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:1rem .2rem}.artist-parade::-webkit-scrollbar{display:none}.parade-card{flex:0 0 min(15rem,78vw);scroll-snap-align:center;display:grid;justify-items:center;text-align:center;min-height:14rem;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:#0d0c12}.parade-avatar{display:grid;place-items:center;width:6.8rem;height:6.8rem;border-radius:50%;border:2px solid var(--card-accent,#9c43d1);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--card-accent,#9c43d1) 55%,white),#0c0b10);font:700 2.5rem Georgia,serif}.parade-card h3{margin:.65rem 0 0}.parade-card p{margin:.15rem 0 .65rem;color:var(--muted)}.parade-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#0d0c12;color:#fff;font-size:1.6rem;cursor:pointer}.parade-note{text-align:center}.feature-strip{display:grid;grid-template-columns:repeat(5,1fr);max-width:92rem;margin:0 auto;border:1px solid var(--line);border-radius:1rem;overflow:hidden}.feature-strip article{padding:1.4rem;border-right:1px solid var(--line);background:linear-gradient(180deg,#121019,#0c0b10)}.feature-strip article:last-child{border-right:0}.feature-strip article>span{font-size:2rem;color:var(--purple)}.feature-strip article:nth-child(2)>span,.feature-strip article:nth-child(5)>span{color:var(--green)}.feature-strip article:nth-child(3)>span{color:var(--bronze)}.feature-strip h3{font-size:1rem}.feature-strip p{font-size:.86rem;color:var(--muted)}.studio-showcase{display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);gap:2rem;align-items:center}.showcase-copy h2{display:grid;font-size:clamp(2.5rem,5vw,5.3rem);line-height:.95;letter-spacing:-.05em}.showcase-copy h2 span:nth-child(1){color:#b84dde}.showcase-copy h2 span:nth-child(2){color:#38be8c}.showcase-copy h2 span:nth-child(3){color:#c79852}.showcase-copy p{color:var(--muted);max-width:34rem}.phone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;align-items:end}.studio-phone{min-height:25rem;border:1px solid currentColor;border-radius:1rem;padding:1rem;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,currentColor 18%,#09080d),#08070c);box-shadow:var(--shadow)}.studio-phone.purple{color:#b95bdf}.studio-phone.green{color:#44c895}.studio-phone.bronze{color:#c89a55}.sample-avatar{display:grid;place-items:center;width:5rem;height:5rem;border-radius:50%;margin:auto;background:#07060a;border:1px solid currentColor;font-size:1.8rem}.studio-phone h3{color:#fff;margin:.6rem 0 0}.studio-phone small{display:block;color:#cac2cc;margin-bottom:.8rem}.studio-phone a{display:block;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:.45rem;padding:.48rem;margin:.42rem 0;background:rgba(0,0,0,.25)}.story-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;border-top:1px solid var(--line)}.story-section h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:.2rem 0}.story-section>p{font-size:1.12rem;color:var(--muted)}.account-panel{padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,5rem);max-width:92rem;margin:auto}.back-button,.text-button{border:0;background:none;color:#d7a7f3;padding:.5rem;cursor:pointer}.auth-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);gap:1rem;align-items:start}.form-card{padding:clamp(1rem,3vw,2rem);display:grid;gap:1rem}.form-card h3{font-size:1.55rem;margin:0}.compact{position:sticky;top:6rem}.check{grid-template-columns:auto 1fr;align-items:start;font-weight:500}.check input{width:1.2rem;height:1.2rem;margin-top:.2rem}fieldset{border:1px solid var(--line);border-radius:.7rem;padding:.8rem}legend{font-weight:800}.chip-list{display:flex;gap:.42rem;flex-wrap:wrap}.chip-list label{display:flex;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:99px;padding:.32rem .55rem;font-size:.83rem;font-weight:600}.chip-list input{width:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wide,.notice,.upload-section{max-width:70rem;margin:0 auto}.notice{margin-bottom:1rem;padding:1rem;border:1px solid var(--bronze);background:rgba(196,147,76,.1);border-radius:.8rem}.link-row{display:grid;grid-template-columns:minmax(8rem,.7fr) minmax(12rem,2fr) auto;gap:.5rem;margin-bottom:.5rem}.upload-section{margin-top:1rem;padding:clamp(1rem,3vw,2rem)}.upload-form{display:grid;gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.artwork-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.artwork-item{display:grid;grid-template-columns:7rem 1fr auto;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:.8rem;padding:.6rem}.artwork-item img{width:7rem;height:7rem;object-fit:cover;border-radius:.5rem}.danger{background:transparent;color:#ff9ca8;border:1px solid var(--danger);border-radius:.5rem;padding:.5rem;cursor:pointer}dialog{width:min(52rem,calc(100% - 1.2rem));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:1rem;background:#100d16;color:var(--ink);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.8)}.dialog-close{position:sticky;float:right;top:.5rem;margin:.5rem;border:0;background:#000b;color:#fff;border-radius:50%;font-size:1.5rem;width:44px;height:44px;z-index:2}.profile-detail{padding:clamp(1.2rem,5vw,3rem);background-image:linear-gradient(145deg,color-mix(in srgb,var(--profile-bg) 86%,transparent),rgba(9,7,13,.78)),var(--studio-background,none);background-color:var(--profile-bg);background-size:cover;background-position:center}.profile-detail h2{font-size:clamp(2.2rem,7vw,4rem);line-height:1;margin:.25rem 0;color:var(--profile-accent)}.profile-links{display:grid;gap:.55rem}.profile-links a{border:1px solid currentColor;border-radius:.55rem;padding:.65rem .8rem;text-decoration:none}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.5rem 0}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.6rem}.gallery figcaption{font-size:.85rem;color:var(--muted)}#toast{position:fixed;right:1rem;bottom:1rem;max-width:min(28rem,calc(100% - 2rem));background:#08040f;border:1px solid var(--line);border-radius:.7rem;padding:.8rem 1rem;opacity:0;transform:translateY(1rem);pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:none}footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:1rem;padding:2rem clamp(1rem,5vw,5rem);border-top:1px solid var(--line);color:var(--muted)}footer nav{display:flex;gap:.8rem;flex-wrap:wrap}footer small{grid-column:1/-1}.footer-brand{font-size:1.1rem;font-weight:800;color:#fff;text-decoration:none}.footer-brand span{font:700 2.4rem Georgia;color:var(--green)}.gate{display:grid;place-items:center;padding:1rem}.gate main{width:min(30rem,100%)}.legal{max-width:58rem}.legal h1{font-size:clamp(2.8rem,8vw,5rem);line-height:1}.legal h2{margin-top:2.3rem;color:#c99a54}.legal p,.legal li{color:#ded4e8}.legal li+li{margin-top:.55rem}.admin-list{display:grid;gap:1rem;margin:1rem 0 3rem}.admin-list article{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(12rem,.8fr) auto;align-items:center;gap:1rem;padding:1rem}.admin-list h3{margin:.25rem 0}
@media(max-width:980px){.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip article{border-bottom:1px solid var(--line)}.studio-showcase{grid-template-columns:1fr}.phone-row{max-width:50rem}.hero{grid-template-columns:1fr 1fr}.site-header nav a{display:none}}
@media(max-width:720px){html{scroll-padding-top:5rem}.site-header{align-items:flex-start}.brand{font-size:1rem}.mini-infinity{font-size:2.6rem}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:1rem;background:#08070c;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{display:block}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:2rem}.hero-art{min-height:18rem}.hero-art img{object-fit:cover}.search-row,.auth-grid,.two-col,.story-section{grid-template-columns:1fr}.compact{position:static}.section-heading{display:block}.feature-strip{grid-template-columns:1fr;margin-inline:1rem}.feature-strip article{border-right:0}.phone-row{grid-template-columns:repeat(3,minmax(11rem,1fr));overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.studio-phone{scroll-snap-align:center}.artwork-list,.gallery{grid-template-columns:1fr}.artwork-item{grid-template-columns:5rem 1fr auto}.artwork-item img{width:5rem;height:5rem}.link-row{grid-template-columns:1fr auto}.link-row input[type=url]{grid-column:1/3}footer{grid-template-columns:1fr}.parade-shell{grid-template-columns:1fr}.parade-arrow{display:none}.parade-heading{grid-template-columns:1fr}.parade-heading>span{display:none}.search-panel,.parade-section,.studio-showcase,.story-section{padding-left:1rem;padding-right:1rem}}
/* MGLS desktop proportion correction */
@media(min-width:721px){.hero{grid-template-columns:minmax(28rem,.9fr) minmax(30rem,1.1fr);min-height:32rem;max-height:36rem}.hero-copy{padding:2.7rem clamp(2rem,5vw,5rem)}.hero-art:after{height:20%}.hero-art img{object-fit:contain}.hero h1{font-size:clamp(3rem,4vw,4.35rem);line-height:.95;letter-spacing:-.045em;margin:.35rem 0 1rem}.hero h1 span{white-space:nowrap}.lede{max-width:32rem;font-size:clamp(.98rem,1.25vw,1.12rem)}}
@media(min-width:721px) and (max-width:980px){.hero{grid-template-columns:minmax(22rem,.9fr) minmax(0,1.1fr)}.hero h1{font-size:clamp(2.65rem,5vw,3.5rem)}}
@media(max-width:720px){.hero{max-height:none}.hero-copy{padding:2.6rem 1.2rem 1.7rem}.hero h1{font-size:clamp(2.6rem,12vw,3.4rem)}.hero-art{min-height:16rem}.hero-art img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* MGLS_008 Studio customization */
.customizer-heading{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.customizer-heading h3{margin:.15rem 0}.customizer-block{border:1px solid var(--line);border-radius:.85rem;padding:1rem;background:rgba(255,255,255,.018)}
.customizer-block h4{margin:.1rem 0 .8rem}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 4.2rem;gap:.65rem;align-items:center}.range-row input[type=range]{width:100%}.range-row output{text-align:right;font-weight:800;color:#fff}.background-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.mini-upload-card{border:1px solid var(--line);border-radius:.75rem;padding:.9rem;background:#0b0910}.mini-upload-card h5{margin:0 0 .3rem;font-size:1rem}.background-rights{grid-column:1/-1}.sticky-actions{position:sticky;bottom:.5rem;padding:.75rem;border:1px solid var(--line);border-radius:.75rem;background:rgba(8,7,12,.94);backdrop-filter:blur(8px);z-index:4}.text-style-editors{display:grid;gap:.65rem}.text-style-card{border:1px solid var(--line);border-radius:.7rem;background:#0c0a11}.text-style-card summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;font-weight:800}.font-sample{font-size:1.4rem}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:.85rem;border-top:1px solid var(--line)}.compact-field{display:grid;grid-template-columns:auto minmax(7rem,10rem);align-items:center;gap:.5rem;margin-top:.35rem;font-size:.78rem}.compact-field select{padding:.35rem}.gallery-tip{border-left:3px solid var(--bronze);padding:.7rem .85rem;background:rgba(196,147,76,.08);border-radius:.25rem;margin:.8rem 0}.artwork-local-preview{display:grid;gap:.35rem;align-content:start}.showcase-frame{display:grid;place-items:center;overflow:hidden;background:#050507;border:1px solid rgba(255,255,255,.16);border-radius:.55rem}.showcase-frame.shape-square{aspect-ratio:1/1}.showcase-frame.shape-portrait{aspect-ratio:4/5}.showcase-frame.shape-landscape{aspect-ratio:3/2}.showcase-frame img{width:100%;height:100%;object-fit:contain;display:block}.artwork-local-preview .showcase-frame{width:min(14rem,100%)}
.artwork-item{grid-template-columns:6rem minmax(0,1fr) auto}.artwork-item>.showcase-frame{width:6rem}.artwork-item>.showcase-frame.shape-portrait{height:7.5rem}.artwork-item>.showcase-frame.shape-landscape{height:4rem}.artwork-item>.showcase-frame.shape-square{height:6rem}.artwork-item>.showcase-frame img{object-fit:contain}
#creatorDialog{width:min(78rem,calc(100% - 1.2rem))}.profile-detail{position:relative;isolation:isolate;overflow:hidden;padding:0;background:var(--profile-bg)}.profile-detail:before{content:"";position:absolute;inset:0;z-index:-2;background-color:var(--profile-bg);background-image:var(--studio-bg-desktop);background-size:var(--studio-bg-size-desktop,cover);background-repeat:var(--studio-bg-repeat-desktop,no-repeat);background-position:var(--studio-bg-position,center);opacity:var(--studio-bg-opacity,1)}.profile-detail:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--studio-overlay-color,#000);opacity:var(--studio-overlay-opacity,.12);pointer-events:none}.profile-content{padding:clamp(1.2rem,5vw,3rem);min-height:32rem}.profile-detail .studio-name{font-family:var(--name-font);font-size:clamp(1.75rem,var(--name-size),5rem);color:var(--name-color);text-align:var(--name-align);text-shadow:var(--name-shadow);-webkit-text-stroke:var(--name-stroke) var(--name-effect-color);paint-order:stroke fill;margin:.25rem 0;line-height:1}.profile-detail .studio-title{font-family:var(--title-font);font-size:var(--title-size);color:var(--title-color);text-align:var(--title-align);text-shadow:var(--title-shadow);-webkit-text-stroke:var(--title-stroke) var(--title-effect-color);paint-order:stroke fill}.profile-detail .studio-bio{font-family:var(--bio-font);font-size:var(--bio-size);color:var(--bio-color);text-align:var(--bio-align);text-shadow:var(--bio-shadow);-webkit-text-stroke:var(--bio-stroke) var(--bio-effect-color);paint-order:stroke fill;white-space:normal}.profile-detail .specialties{color:var(--bio-color);text-align:var(--bio-align)}
.profile-links{font-family:var(--links-font);font-size:var(--links-size);text-align:var(--links-align)}.profile-links a{color:var(--links-color);border-color:var(--profile-accent);text-shadow:var(--links-shadow);-webkit-text-stroke:var(--links-stroke) var(--links-effect-color);paint-order:stroke fill;background:color-mix(in srgb,var(--profile-accent) 18%,rgba(0,0,0,.25))}.profile-detail[data-link-style=rounded] .profile-links a{border-radius:.65rem}.profile-detail[data-link-style=square] .profile-links a{border-radius:0}.profile-detail[data-link-style=pill] .profile-links a{border-radius:999px}.profile-detail[data-link-style=outline] .profile-links a{border-radius:.45rem;background:transparent;border-width:2px}
.profile-detail .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.2rem,11rem));gap:.85rem;justify-content:start;margin:1.5rem 0}.showcase-card{margin:0;border:1px solid rgba(255,255,255,.15);border-radius:.7rem;background:rgba(0,0,0,.42);overflow:hidden}.showcase-enlarge{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.showcase-card figcaption{display:grid;gap:.22rem;padding:.5rem .55rem;font-family:var(--captions-font);font-size:var(--captions-size);color:var(--captions-color);text-align:var(--captions-align);text-shadow:var(--captions-shadow);-webkit-text-stroke:var(--captions-stroke) var(--captions-effect-color);paint-order:stroke fill}.showcase-card figcaption strong{line-height:1.15}.showcase-card figcaption span{opacity:.88}.work-link{margin-top:.2rem;color:var(--profile-accent);font-weight:800;text-decoration:none;font-size:.92em}.work-link:hover{text-decoration:underline}.image-dialog{width:min(72rem,calc(100% - 1rem));max-height:94vh;background:#07070a;border:1px solid var(--line);border-radius:.8rem;padding:.8rem;color:#fff}.image-dialog::backdrop{background:rgba(0,0,0,.9)}.image-dialog img{display:block;max-width:100%;max-height:82vh;margin:auto;object-fit:contain}.image-dialog p{text-align:center;margin:.5rem}.image-dialog-close{position:absolute;right:.7rem;top:.7rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#000c;color:#fff;font-size:1.5rem;cursor:pointer;z-index:2}
@media(max-width:900px){.three-col,.style-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.three-col,.range-grid,.background-upload-grid,.style-grid{grid-template-columns:1fr}.background-rights{grid-column:auto}.sticky-actions{position:static}.profile-detail:before{background-image:var(--studio-bg-mobile,var(--studio-bg-desktop));background-size:var(--studio-bg-size-mobile,var(--studio-bg-size-desktop,cover));background-repeat:var(--studio-bg-repeat-mobile,var(--studio-bg-repeat-desktop,no-repeat))}.profile-content{padding:1.1rem;min-height:26rem}.profile-detail .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.showcase-card{width:100%}.artwork-item{grid-template-columns:4.5rem minmax(0,1fr)}.artwork-item>.showcase-frame{width:4.5rem}.artwork-item>.showcase-frame.shape-square{height:4.5rem}.artwork-item>.showcase-frame.shape-portrait{height:5.6rem}.artwork-item>.showcase-frame.shape-landscape{height:3rem}.artwork-item>.danger{grid-column:1/-1}.compact-field{grid-template-columns:1fr}}


/* MGLS_008 — sticky live preview, clearer text styling, and background sizing controls */
.dashboard-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(24rem,28rem);
  gap:1.25rem;
  align-items:start;
}
.dashboard-editor{min-width:0}
.dashboard-editor>.wide,.dashboard-editor>.upload-section{max-width:none;margin-left:0;margin-right:0}
.live-preview-rail{
  min-width:0;
  position:sticky;
  top:5.4rem;
  align-self:start;
  height:max-content;
  z-index:6;
}
.live-preview-sticky{
  position:relative;
  border:1px solid var(--line);
  border-radius:1rem;
  padding:.85rem;
  background:rgba(10,8,14,.97);
  box-shadow:var(--shadow);
}
.live-preview-heading{display:grid;gap:.65rem}
.live-preview-heading h3{margin:.05rem 0 .2rem;font-size:1.15rem}
.live-preview-heading .eyebrow{margin:0}
.preview-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.preview-mode-button,.choice-buttons button,.font-choice{
  border:1px solid var(--line);
  background:#0c0911;
  color:var(--ink);
  border-radius:.55rem;
  padding:.55rem .65rem;
  cursor:pointer;
}
.preview-mode-button.active,.choice-buttons button.selected,.font-choice.selected{
  border-color:var(--green);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--green) 55%,transparent);
  background:color-mix(in srgb,var(--green) 12%,#0c0911);
}
.live-preview-help{margin:.55rem 0}
.live-preview-viewport{
  width:100%;
  max-height:68vh;
  overflow:auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.8rem;
  padding:.45rem;
  background:#050407;
  overscroll-behavior:contain;
}
.live-preview-shell{position:relative;margin:0 auto}
.live-preview-canvas{
  transform-origin:top left;
  width:760px;
}
.live-preview-canvas .profile-detail{width:100%;min-height:32rem}
.live-preview-canvas a,.live-preview-canvas button{pointer-events:none}
.live-preview-viewport[data-mode="phone"]{max-width:26rem;margin-inline:auto}
.profile-detail:before{background-position:var(--studio-bg-position-desktop,center)}
.profile-detail[data-preview-mode="phone"]:before{
  background-image:var(--studio-bg-mobile,var(--studio-bg-desktop));
  background-size:var(--studio-bg-size-mobile,var(--studio-bg-size-desktop,cover));
  background-repeat:var(--studio-bg-repeat-mobile,var(--studio-bg-repeat-desktop,no-repeat));
  background-position:var(--studio-bg-position-mobile,var(--studio-bg-position-desktop,center));
}
.profile-detail[data-preview-mode="phone"] .profile-content{padding:1.1rem;min-height:26rem}
.profile-detail[data-preview-mode="phone"] .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.profile-detail[data-preview-mode="phone"] .showcase-card{width:100%}
.profile-detail[data-preview-mode="phone"] .profile-links{gap:.45rem}
.background-fit-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(14rem,.65fr);gap:1rem}
.text-style-editors{gap:.8rem}
.text-style-card summary{padding:.85rem 1rem}
.style-editor-body{display:grid;gap:1rem;padding:1rem;border-top:1px solid var(--line)}
.style-demo{
  min-height:4.2rem;
  display:grid;
  align-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:.75rem;
  padding:.8rem 1rem;
  background:linear-gradient(135deg,rgba(135,55,166,.12),rgba(34,154,115,.08));
  overflow-wrap:anywhere;
}
.style-step>strong{display:block;margin-bottom:.15rem}
.font-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.font-choice{min-height:4.25rem;text-align:left;display:grid;align-content:center;gap:.1rem}
.font-choice span{font-size:.72rem;opacity:.8;font-family:system-ui,sans-serif}
.font-choice small{font-size:1.05rem;color:#fff}
.style-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.choice-field{padding:.75rem}
.choice-buttons{display:flex;flex-wrap:wrap;gap:.45rem}
.choice-buttons button{font:inherit;padding:.48rem .65rem}
.effect-buttons button{font-size:.88rem}
.effect-color-field{max-width:18rem}
input[type="color"]{min-height:2.8rem;padding:.2rem;border-radius:.5rem}
.mobile-preview-fab{display:none}
#creatorDialog{
  width:min(78rem,calc(100% - 2rem));
  padding:1.35rem;
  background:#0a0810;
}
#creatorDialog .dialog-close{
  position:sticky;
  top:.15rem;
  margin:.1rem .1rem .5rem auto;
  float:none;
  display:grid;
  place-items:center;
}
#creatorDetail{border-radius:.9rem;overflow:hidden}

/* Let the preview rail stop naturally at the bottom of the editor rather than covering Save. */
.sticky-actions{z-index:3}

@media(max-width:1180px){
  .dashboard-workspace{grid-template-columns:minmax(0,1fr) minmax(21rem,24rem);gap:1rem}
  .font-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .dashboard-workspace{grid-template-columns:1fr}
  .live-preview-rail{display:none}
  .mobile-preview-fab{
    display:block;
    position:fixed;
    right:1rem;
    bottom:1rem;
    z-index:45;
    border:1px solid var(--green);
    border-radius:999px;
    padding:.72rem 1rem;
    background:#0b0810;
    color:#fff;
    box-shadow:var(--shadow);
    font-weight:800;
  }
}
@media(max-width:720px){
  .background-fit-grid,.style-control-grid{grid-template-columns:1fr}
  .font-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .choice-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #creatorDialog{width:min(100% - .5rem,48rem);padding:.75rem}
  .profile-detail:before{
    background-image:var(--studio-bg-mobile,var(--studio-bg-desktop));
    background-size:var(--studio-bg-size-mobile,var(--studio-bg-size-desktop,cover));
    background-repeat:var(--studio-bg-repeat-mobile,var(--studio-bg-repeat-desktop,no-repeat));
    background-position:var(--studio-bg-position-mobile,var(--studio-bg-position-desktop,center));
  }
}


/* MGLS_008 — fix: the sticky behavior belongs on the grid rail itself.
   In 007 the sticky child was constrained by a parent that was only as tall as the child,
   so it had no vertical travel range. The rail now follows the viewport and naturally
   stops at the bottom of the dashboard workspace. */

/* MGLS_010 — stabilization, homepage motion/spacing, search welcome state, and typography cleanup */
.share-studio-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1rem 1.5rem;
  padding:1rem 1.15rem;
  margin:1rem 0 1.25rem;
}
.share-studio-copy h3{margin:.05rem 0 .25rem;font-size:1.25rem}
.share-studio-copy .eyebrow{margin-bottom:.2rem}
.share-studio-copy>.hint{margin:.25rem 0}
.studio-share-address{
  display:block;
  max-width:100%;
  margin:.55rem 0 .15rem;
  padding:.55rem .7rem;
  border:1px solid var(--line);
  border-radius:.55rem;
  background:#08070c;
  color:#e9e1ee;
  font-size:.84rem;
  overflow-wrap:anywhere;
}
.share-studio-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}
.qr-dialog{
  width:min(42rem,calc(100% - 1rem));
  max-height:94vh;
  overflow:auto;
  padding:0;
  border:1px solid var(--line);
  border-radius:1rem;
  background:#0b0910;
  color:var(--ink);
  box-shadow:var(--shadow);
}
.qr-dialog::backdrop{background:rgba(0,0,0,.82)}
.qr-dialog-content{display:grid;justify-items:center;gap:.9rem;padding:1.4rem clamp(1rem,4vw,2rem) 1.6rem;text-align:center}
.qr-dialog-content h2{margin:.1rem 0;font-size:clamp(1.8rem,5vw,2.6rem)}
.qr-intro{max-width:34rem;margin:.35rem auto;color:var(--muted)}
.qr-dialog-close{
  position:sticky;
  top:.55rem;
  margin:.55rem .55rem -3.1rem auto;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  z-index:5;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:#050407e8;
  color:#fff;
  font-size:1.5rem;
  cursor:pointer;
}
.qr-preview{
  width:min(22rem,82vw);
  aspect-ratio:1;
  padding:.65rem;
  border-radius:.8rem;
  background:#fff;
  box-shadow:0 12px 40px rgba(0,0,0,.38);
}
.qr-preview svg{display:block;width:100%;height:100%}
.qr-studio-label{margin:0;font-weight:900;font-size:1.15rem}
.qr-main-actions{justify-content:center}
.qr-decorator{
  width:100%;
  display:grid;
  gap:1rem;
  padding:1rem;
  margin-top:.35rem;
  border:1px solid var(--line);
  border-radius:.85rem;
  background:#08070c;
  text-align:left;
}
.qr-decorator-heading h3{margin:0 0 .2rem}
.qr-decorator-heading p{margin:0}
.qr-style-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.qr-style-buttons button{min-height:48px;text-align:center}
.qr-color-grid input[type=color]{min-height:3.3rem}
#qrContrastMessage{margin:0;padding:.55rem .65rem;border-left:3px solid var(--green);background:rgba(40,185,130,.08);border-radius:.3rem}
#qrContrastMessage.qr-warning{border-left-color:var(--danger);background:rgba(220,113,128,.08);color:#f0bbc3}
.qr-decorator .button-row{justify-content:flex-start}

@media(max-width:720px){
  .share-studio-card{grid-template-columns:1fr}
  .share-studio-actions{justify-content:flex-start}
  .qr-style-buttons{grid-template-columns:1fr}
  .qr-dialog-content{padding-top:1.1rem}
  .qr-preview{width:min(20rem,82vw)}
}


/* MGLS_010 stabilization overrides */
:root{--display-font:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
.brand{font-family:var(--display-font);text-transform:none;letter-spacing:.015em;font-weight:700}
.brand small{font-family:var(--display-font);letter-spacing:.16em}
.hero h1,.section-heading h2,.parade-heading h2,.showcase-copy h2,.story-section h2,.account-panel .section-heading h2,.legal h1,.legal h2,.gate h1{font-family:var(--display-font);font-weight:700}
.search-empty-state{grid-column:1/-1;position:relative;isolation:isolate;min-height:13.5rem;display:grid;place-items:center;text-align:center;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:1rem;padding:2rem;background:linear-gradient(120deg,rgba(112,33,147,.12),rgba(10,9,14,.94) 45%,rgba(20,116,78,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.search-empty-state:before,.search-empty-state:after{content:"";position:absolute;z-index:-1;width:13rem;height:13rem;border:1px solid rgba(196,147,76,.13);border-radius:50%;transform:rotate(28deg)}
.search-empty-state:before{left:-5rem;top:-6rem;box-shadow:6.8rem 3.5rem 0 -1px rgba(156,67,209,.045)}
.search-empty-state:after{right:-5rem;bottom:-6rem;border-color:rgba(40,185,130,.13);box-shadow:-6.8rem -3.5rem 0 -1px rgba(196,147,76,.04)}
.search-empty-state>div:last-child{max-width:42rem}
.search-empty-state h3{margin:0 0 .45rem;font-family:var(--display-font);font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.05;color:#f3edf5}
.search-empty-state p{margin:0;color:#cfc7d3;font-size:clamp(1rem,1.3vw,1.12rem)}
.search-empty-decoration{position:absolute;right:8%;top:50%;translate:0 -50%;font:700 clamp(7rem,13vw,12rem)/1 Georgia,serif;color:transparent;background:linear-gradient(120deg,rgba(162,58,218,.16),rgba(38,184,125,.13),rgba(196,147,76,.14));background-clip:text;-webkit-background-clip:text;pointer-events:none;user-select:none;z-index:-1}
.search-status{grid-column:1/-1;margin:.6rem 0;color:var(--muted)}
@media(min-width:1100px){.search-panel{padding-top:2.6rem;padding-bottom:3.6rem}.parade-section{padding-top:1.5rem}}
@media(max-width:720px){.brand{font-family:var(--display-font);font-size:1.02rem}.brand small{letter-spacing:.13em}.search-empty-state{min-height:11.5rem;padding:1.45rem}.search-empty-decoration{right:1%;font-size:8rem;opacity:.8}}

/* MGLS_014 — homepage restoration, populated Artist Parade, and carousel-image editor */
.home-ambient-marker{display:none}
#publicView{overflow:hidden}
.hero{
  position:relative;
  isolation:isolate;
  max-width:96rem;
  margin:0 auto;
  min-height:28.5rem;
  grid-template-columns:minmax(25rem,.82fr) minmax(30rem,1.18fr);
  border-bottom:0;
  background:
    radial-gradient(circle at 13% 16%,rgba(143,50,190,.22),transparent 18rem),
    radial-gradient(circle at 82% 17%,rgba(37,183,128,.12),transparent 18rem),
    linear-gradient(105deg,rgba(10,7,15,.96),rgba(8,7,12,.88) 46%,rgba(7,7,11,.92));
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.82;
  background:
    radial-gradient(circle at 58% 20%,rgba(160,56,213,.42) 0 3px,transparent 4px),
    radial-gradient(circle at 65% 14%,rgba(40,185,130,.36) 0 5px,transparent 6px),
    radial-gradient(circle at 73% 24%,rgba(196,147,76,.42) 0 4px,transparent 5px),
    radial-gradient(circle at 88% 12%,rgba(151,51,193,.28) 0 7px,transparent 8px),
    radial-gradient(circle at 92% 31%,rgba(40,185,130,.25) 0 6px,transparent 7px),
    radial-gradient(circle at 48% 65%,rgba(196,147,76,.2) 0 5px,transparent 6px),
    radial-gradient(circle at 76% 76%,rgba(128,42,174,.25) 0 7px,transparent 8px);
}
.hero-copy{padding:2.25rem clamp(1.4rem,4.5vw,4.5rem);align-content:center;z-index:2}
.hero h1{font-size:clamp(3rem,4.2vw,4.75rem);margin:.35rem 0 .95rem}
.hero .lede{margin:.25rem 0 1rem;max-width:34rem}
.hero-actions{margin-top:.4rem}
.hero .foundation-note{margin:.75rem 0 0}
.hero-art{min-height:26.5rem;background:radial-gradient(circle at 54% 46%,rgba(115,36,151,.2),transparent 56%)}
.hero-art:before{
  content:"";
  position:absolute;
  left:4%;right:4%;bottom:7%;height:4.5rem;
  opacity:.34;
  background:
    radial-gradient(circle at 4% 52%,#9f42cf 0 8px,transparent 9px),
    radial-gradient(circle at 10% 63%,#247a5e 0 10px,transparent 11px),
    radial-gradient(circle at 18% 44%,#b18449 0 7px,transparent 8px),
    radial-gradient(circle at 28% 58%,#65308c 0 9px,transparent 10px),
    radial-gradient(circle at 39% 42%,#1f8e69 0 8px,transparent 9px),
    radial-gradient(circle at 52% 61%,#a16bc0 0 10px,transparent 11px),
    radial-gradient(circle at 64% 46%,#af7c37 0 8px,transparent 9px),
    radial-gradient(circle at 76% 60%,#1f795a 0 11px,transparent 12px),
    radial-gradient(circle at 88% 46%,#7d32a8 0 9px,transparent 10px),
    radial-gradient(circle at 96% 62%,#b48748 0 8px,transparent 9px);
  filter:blur(.35px) drop-shadow(0 4px 8px #000);
}
.hero-art:after{height:14%;background:linear-gradient(transparent,rgba(7,7,11,.96))}
.hero-art img{object-fit:contain;object-position:center;padding:1.1rem 2rem 1.6rem;position:relative;z-index:1}

.parade-section{
  max-width:96rem;
  padding:1.65rem clamp(1rem,4vw,4rem) 1.2rem;
  margin:0 auto;
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(12,9,16,.92),rgba(7,7,11,0));
}
.parade-heading h2{font-size:clamp(2.25rem,3.7vw,3.8rem);margin:.1rem 0}
.parade-heading .eyebrow{color:#d1a65e}
.artist-parade{gap:.8rem;padding:.8rem .15rem 1rem}
.parade-card{
  flex:0 0 min(13.5rem,76vw);
  min-height:16.2rem;
  padding:1rem .8rem .9rem;
  border-color:color-mix(in srgb,var(--card-accent,#9c43d1) 55%,rgba(255,255,255,.14));
  background:linear-gradient(180deg,rgba(18,15,24,.97),rgba(8,8,12,.97));
  box-shadow:0 14px 35px rgba(0,0,0,.3);
}
.parade-avatar,.creator-card-avatar{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0b0910;
}
.parade-avatar{width:7.8rem;height:7.8rem;border:2px solid var(--card-accent,#9c43d1);font:700 2.2rem var(--display-font)}
.parade-avatar img,.creator-card-avatar img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transform:translate(var(--card-x,0),var(--card-y,0)) scale(var(--card-scale,1));
  transform-origin:center;
  user-select:none;
  pointer-events:none;
}
.parade-card h3{font-family:var(--display-font);font-size:1.2rem;margin:.62rem 0 .05rem}
.parade-card p{min-height:1.5rem;margin:.05rem 0 .55rem}
.parade-card .secondary{min-height:39px;padding:.52rem .9rem;font-size:.86rem}
.parade-note{margin:.2rem auto 0;max-width:46rem}

.search-panel{padding:1.55rem clamp(1rem,5vw,5rem) 2.3rem;max-width:96rem}
.search-panel .section-heading{margin-bottom:1rem}
.search-panel .section-heading h2{font-size:clamp(2rem,3.4vw,3.45rem)}
.search-row{padding:.85rem;background:linear-gradient(120deg,rgba(147,55,181,.1),rgba(31,153,108,.08));box-shadow:0 12px 36px rgba(0,0,0,.2)}
.search-empty-state{min-height:10.5rem;margin-top:.2rem}
.search-empty-state h3{font-size:clamp(1.65rem,2.6vw,2.45rem)}
.creator-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}
.creator-card{min-height:0;justify-items:center;text-align:center;padding:1rem;gap:.35rem}
.creator-card-avatar{width:7rem;height:7rem;border:2px solid var(--creator-accent,#9c43d1);margin:.15rem auto .25rem;font:700 2rem var(--display-font)}
.creator-card .content{padding:.35rem .25rem .1rem}
.creator-card .content .tag{margin-bottom:.25rem}
.creator-card h3{font-family:var(--display-font);margin:.15rem 0;font-size:1.3rem}
.creator-card .swatch{display:none}

.feature-strip{margin-top:.4rem;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.studio-showcase{padding-top:2.7rem;padding-bottom:2.8rem}
.sample-avatar{overflow:hidden;padding:0}
.sample-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.story-section{padding-top:2.7rem;padding-bottom:2.7rem}

/* Carousel image editor */
.carousel-image-card{padding:1.25rem;margin-bottom:1rem;overflow:hidden}
.carousel-image-copy h3{margin:.08rem 0 .25rem;font-family:var(--display-font);font-size:1.55rem}
.carousel-image-copy p:last-child{max-width:58rem}
.carousel-image-editor{display:grid;grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);gap:1.25rem;align-items:start;margin-top:1rem}
.carousel-crop-wrap{text-align:center}
.carousel-crop-stage{
  width:min(100%,16rem);
  aspect-ratio:1;
  margin:0 auto;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  cursor:grab;
  touch-action:none;
  border:3px solid transparent;
  background:
    linear-gradient(#0b0910,#0b0910) padding-box,
    linear-gradient(120deg,var(--purple),var(--green),var(--bronze)) border-box;
  box-shadow:0 18px 40px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.08);
}
.carousel-crop-stage.empty:after{content:"Choose an image";position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-family:var(--display-font);font-size:1.2rem;padding:1rem}
.carousel-crop-stage.dragging{cursor:grabbing}
.carousel-crop-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate(var(--crop-x,0),var(--crop-y,0)) scale(var(--crop-scale,1));transform-origin:center;user-select:none;pointer-events:none}
.carousel-image-controls{display:grid;gap:.85rem}
.carousel-image-controls .button-row{align-items:stretch}
.carousel-image-controls .button-row button{min-height:44px}

@media(min-width:1200px){
  .hero{min-height:29rem}
  .hero-copy{padding-left:4rem;padding-right:2.2rem}
  .hero-art{min-height:29rem}
  .search-panel{padding-top:1.35rem}
}
@media(max-width:980px){
  .hero{grid-template-columns:minmax(22rem,.9fr) minmax(0,1.1fr);min-height:27rem}
  .hero-art{min-height:24rem}
  .carousel-image-editor{grid-template-columns:14rem 1fr}
}
@media(max-width:720px){
  .hero{grid-template-columns:1fr;min-height:auto;max-width:none}
  .hero-copy{padding:2.15rem 1.2rem 1.4rem}
  .hero-art{min-height:15rem}
  .hero-art img{padding:.35rem 1rem .7rem}
  .hero-art:before{bottom:2%;height:3.5rem;opacity:.25}
  .parade-section{padding-top:1.15rem;padding-bottom:.75rem}
  .artist-parade{padding-left:.2rem;padding-right:.2rem}
  .parade-card{flex-basis:12.5rem;min-height:15rem}
  .parade-avatar{width:7rem;height:7rem}
  .search-panel{padding-top:1.2rem;padding-bottom:1.8rem}
  .search-empty-state{min-height:9.5rem}
  .carousel-image-editor{grid-template-columns:1fr}
  .carousel-crop-stage{width:min(15rem,74vw)}
}
/* Let the official logo sit over the richer hero atmosphere without changing the logo asset itself. */
.hero-art img{mix-blend-mode:screen;filter:saturate(1.04) contrast(1.03)}
.hero-art{background:
  radial-gradient(circle at 74% 18%,rgba(164,52,210,.22) 0 1.2rem,transparent 4rem),
  radial-gradient(circle at 88% 35%,rgba(196,147,76,.22) 0 1rem,transparent 4.3rem),
  radial-gradient(circle at 62% 66%,rgba(40,185,130,.18) 0 1.3rem,transparent 4.8rem),
  radial-gradient(circle at 38% 29%,rgba(105,32,153,.25) 0 1.1rem,transparent 4.5rem),
  linear-gradient(140deg,#0b0711,#08070c 52%,#07100d)}


/* MGLS_014 — actual-site visual polish: festive continuity, clearer search focus, stronger sample art */
.search-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:1.1rem;
  background:
    radial-gradient(circle at 5% 26%,rgba(151,55,194,.12),transparent 17rem),
    radial-gradient(circle at 94% 24%,rgba(34,173,121,.10),transparent 18rem),
    linear-gradient(180deg,rgba(10,8,14,.78),rgba(7,7,11,.55));
}
.search-panel:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background:
    radial-gradient(circle at 9% 16%,rgba(184,81,224,.44) 0 3px,transparent 8px),
    radial-gradient(circle at 17% 42%,rgba(45,197,139,.34) 0 5px,transparent 12px),
    radial-gradient(circle at 28% 12%,rgba(204,157,80,.38) 0 4px,transparent 10px),
    radial-gradient(circle at 42% 35%,rgba(126,55,173,.30) 0 6px,transparent 15px),
    radial-gradient(circle at 61% 15%,rgba(41,187,132,.32) 0 4px,transparent 12px),
    radial-gradient(circle at 74% 42%,rgba(205,157,80,.34) 0 5px,transparent 13px),
    radial-gradient(circle at 86% 14%,rgba(176,64,219,.38) 0 5px,transparent 14px),
    radial-gradient(circle at 94% 54%,rgba(35,170,121,.28) 0 6px,transparent 16px);
  filter:blur(1.4px);
}
.search-hot{
  color:transparent;
  background:linear-gradient(95deg,#c865ec 5%,#5fd6ac 57%,#d2a354 95%);
  -webkit-background-clip:text;
  background-clip:text;
}
.search-kicker{margin:.45rem 0 0;font-size:1rem;font-weight:800;letter-spacing:.01em}
.search-kicker span:nth-child(1){color:#c865ec}.search-kicker span:nth-child(2){color:#d2a354}.search-kicker span:nth-child(3){color:#55cfa3}
.search-row{
  border:1px solid transparent;
  background:
    linear-gradient(120deg,rgba(15,12,20,.97),rgba(8,13,12,.96)) padding-box,
    linear-gradient(100deg,rgba(171,67,216,.72),rgba(205,157,80,.56),rgba(43,185,131,.72)) border-box;
  box-shadow:0 16px 42px rgba(0,0,0,.3),0 0 34px rgba(136,52,174,.07);
}
.search-button{
  background:linear-gradient(105deg,#9d45cf 0%,#7153c9 38%,#2fb184 100%);
  box-shadow:0 8px 24px rgba(116,55,165,.3),inset 0 1px 0 rgba(255,255,255,.18);
  font-size:1.02rem;
  min-width:8.2rem;
}
.search-button:hover{filter:brightness(1.08)}
.search-empty-state{
  min-height:11.3rem;
  background:linear-gradient(110deg,rgba(24,13,31,.88),rgba(8,8,12,.91) 46%,rgba(8,25,20,.82));
  border-color:rgba(190,104,229,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.24);
}
.search-empty-state:before,.search-empty-state:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:18rem;height:10rem;
  border:0;
  border-radius:50%;
  filter:blur(18px);
  transform:none;
  box-shadow:none;
}
.search-empty-state:before{left:-4rem;top:-2rem;background:radial-gradient(circle,rgba(157,62,205,.20),transparent 67%)}
.search-empty-state:after{right:-4rem;bottom:-2rem;background:radial-gradient(circle,rgba(40,185,130,.17),transparent 67%)}
.search-empty-state h3{
  color:transparent;
  background:linear-gradient(92deg,#f2edf4 15%,#c66ce8 43%,#59d2a7 72%,#d0a156 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.art-invitation{
  position:relative;
  margin:1.5rem auto .15rem;
  max-width:66rem;
  text-align:center;
  font-family:var(--display-font);
  font-size:clamp(1.18rem,2vw,1.65rem);
  line-height:1.45;
  color:#e7dfea;
  text-wrap:balance;
}
.art-invitation span:nth-of-type(1),.art-invitation span:nth-of-type(4){color:#c866e7}
.art-invitation span:nth-of-type(2),.art-invitation span:nth-of-type(5){color:#55cfa3}
.art-invitation span:nth-of-type(3){color:#d1a158}
.feature-intro{
  max-width:92rem;
  margin:1.25rem auto .85rem;
  padding:1.35rem 1.4rem .2rem;
  position:relative;
}
.feature-intro:before{
  content:"";
  position:absolute;
  left:0;right:0;top:-2rem;height:7rem;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 55%,rgba(158,57,204,.16),transparent 12rem),
    radial-gradient(circle at 78% 48%,rgba(38,177,125,.12),transparent 13rem);
  filter:blur(3px);
}
.feature-intro h2{position:relative;margin:.05rem 0 .25rem;font-family:var(--display-font);font-size:clamp(1.8rem,3vw,2.8rem);color:#f2edf4}
.feature-intro p:last-child{position:relative;margin:.1rem 0;color:var(--muted);max-width:48rem}
.feature-strip{position:relative;background:rgba(7,7,11,.55)}
.feature-strip article{background:linear-gradient(180deg,rgba(19,15,25,.91),rgba(10,9,14,.92))}
.studio-showcase,.story-section{position:relative;isolation:isolate}
.studio-showcase:before,.story-section:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.75;
  background:
    radial-gradient(circle at 8% 24%,rgba(157,57,203,.18) 0 4px,transparent 12px),
    radial-gradient(circle at 16% 58%,rgba(42,182,129,.14) 0 5px,transparent 14px),
    radial-gradient(circle at 88% 18%,rgba(203,154,77,.16) 0 4px,transparent 13px),
    radial-gradient(circle at 94% 65%,rgba(153,58,197,.14) 0 6px,transparent 16px);
  filter:blur(1.2px);
}
@media(max-width:720px){
  .search-panel{border-radius:0}
  .search-kicker{font-size:.9rem}
  .art-invitation{padding:0 .35rem;font-size:1.08rem}
  .feature-intro{margin-top:.8rem;padding-left:1rem;padding-right:1rem}
}


/* MGLS_016 — stronger working-artist sample imagery; layout unchanged from MGLS_015 */

/* MGLS_018 — premium below-hero polish: richer artist cards, feature icons, layered sample Studios, branded footer */
.parade-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--card-accent,#9c43d1) 13%,transparent),transparent 42%),
    linear-gradient(180deg,rgba(20,16,27,.98),rgba(8,8,12,.98));
}
.parade-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 28%,rgba(255,255,255,.035) 42%,transparent 58%);
}
.parade-avatar{
  box-shadow:
    0 0 0 5px color-mix(in srgb,var(--card-accent,#9c43d1) 9%,transparent),
    0 13px 30px rgba(0,0,0,.5),
    0 0 30px color-mix(in srgb,var(--card-accent,#9c43d1) 18%,transparent);
}
.parade-avatar img,.creator-card-avatar img{
  filter:saturate(1.18) contrast(1.08) brightness(1.025);
}

.feature-strip{
  overflow:visible;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(110deg,rgba(24,14,31,.68),rgba(8,12,12,.74));
  box-shadow:0 22px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
}
.feature-strip article{
  position:relative;
  overflow:hidden;
  min-height:12rem;
  padding:1.35rem 1.3rem;
  background:linear-gradient(180deg,rgba(18,15,24,.94),rgba(8,8,12,.96));
}
.feature-strip article:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,currentColor,transparent);
  opacity:.72;
}
.feature-strip article:nth-child(1){color:#c463e7}.feature-strip article:nth-child(2){color:#42cb99}.feature-strip article:nth-child(3){color:#d2a156}.feature-strip article:nth-child(4){color:#8d69df}.feature-strip article:nth-child(5){color:#37c7a0}
.feature-strip h3{color:#f6f0f7;margin:.65rem 0 .3rem;font-size:1.03rem}
.feature-strip p{margin:.2rem 0;color:#c9c1cd}
.feature-icon{
  width:3.15rem;height:3.15rem;
  display:grid;place-items:center;
  border:1px solid color-mix(in srgb,currentColor 78%,transparent);
  border-radius:.8rem;
  background:linear-gradient(145deg,color-mix(in srgb,currentColor 16%,#110d17),rgba(6,6,10,.72));
  box-shadow:0 0 24px color-mix(in srgb,currentColor 16%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
}
.feature-icon svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.studio-showcase{
  position:relative;
  overflow:hidden;
  max-width:96rem;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 6% 35%,rgba(161,59,210,.13),transparent 19rem),
    radial-gradient(circle at 90% 26%,rgba(39,190,134,.11),transparent 20rem),
    linear-gradient(180deg,rgba(10,8,14,.32),rgba(7,7,11,.52));
}
.phone-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem}
.studio-phone{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:25.5rem;
  padding:0 1rem 1rem;
  background:linear-gradient(180deg,color-mix(in srgb,currentColor 13%,#09080d),#07070a 62%);
  box-shadow:0 24px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
}
.studio-phone.teal{color:#44c7c0}
.studio-phone-visual{
  position:relative;
  height:9rem;
  margin:0 -1rem .2rem;
  display:grid;
  place-items:end center;
  padding-bottom:.5rem;
  overflow:hidden;
  border-bottom:1px solid color-mix(in srgb,currentColor 50%,transparent);
}
.studio-phone-visual:before{
  content:"";
  position:absolute;
  inset:-1.6rem;
  z-index:-2;
  background-image:var(--sample-bg);
  background-size:cover;
  background-position:center;
  filter:blur(15px) saturate(1.35) contrast(1.08) brightness(.66);
  transform:scale(1.12);
}
.studio-phone-visual:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(5,4,8,.12),rgba(6,5,9,.64));
}
.sample-avatar{
  width:5.4rem;height:5.4rem;
  margin:0;
  border:2px solid currentColor;
  box-shadow:0 10px 28px rgba(0,0,0,.52),0 0 22px color-mix(in srgb,currentColor 22%,transparent);
}
.sample-avatar img{filter:saturate(1.14) contrast(1.06)}
.studio-phone h3{margin:.48rem 0 0;font-family:var(--display-font);font-size:1.16rem}
.studio-phone small{margin-bottom:.65rem}
.studio-phone a{
  border-color:color-mix(in srgb,currentColor 42%,rgba(255,255,255,.16));
  background:linear-gradient(90deg,color-mix(in srgb,currentColor 12%,rgba(0,0,0,.45)),rgba(0,0,0,.35));
  font-size:.86rem;
}
.sample-socials{display:flex;justify-content:center;gap:.42rem;margin-top:.7rem}
.sample-socials span{
  display:grid;place-items:center;
  width:2rem;height:2rem;
  border-radius:50%;
  border:1px solid color-mix(in srgb,currentColor 72%,transparent);
  background:color-mix(in srgb,currentColor 13%,#08070c);
  color:#fff;
  font-size:.72rem;font-weight:900;
  box-shadow:0 0 16px color-mix(in srgb,currentColor 13%,transparent);
}

.story-section{
  background:
    radial-gradient(circle at 20% 30%,rgba(159,59,205,.08),transparent 18rem),
    radial-gradient(circle at 84% 70%,rgba(44,180,130,.07),transparent 18rem);
}

.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  grid-template-columns:minmax(17rem,1.1fr) minmax(15rem,.8fr) minmax(16rem,.9fr);
  gap:2rem;
  padding-top:2.3rem;
  padding-bottom:1.8rem;
  border-top:1px solid transparent;
  background:
    linear-gradient(#08070c,#08070c) padding-box,
    linear-gradient(90deg,#8b3fc0,#2ab985,#b98b47) border-box;
}
.site-footer:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 12% 18%,rgba(148,51,197,.15),transparent 18rem),
    radial-gradient(circle at 76% 18%,rgba(35,177,125,.11),transparent 18rem),
    radial-gradient(circle at 92% 78%,rgba(191,143,69,.09),transparent 15rem);
}
.footer-logo-block{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);gap:1rem;align-items:center}
.footer-logo-link{display:block;border-radius:.75rem;overflow:hidden;background:#050507}
.footer-logo-link img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(1.05) contrast(1.05)}
.footer-logo-block p{margin:0;color:#c8c0cc;font-size:.88rem}
.footer-logo-block strong{color:#f4eef6}
.footer-rally{text-align:center}
.footer-rally p{margin:0;font-family:var(--display-font);font-size:clamp(1.55rem,2.4vw,2.35rem);font-weight:800;line-height:1.05}
.footer-rally p span:nth-child(1){color:#bd61e4}.footer-rally p span:nth-child(2){color:#d0a052}.footer-rally p span:nth-child(3){color:#45c99a}
.footer-rally small{display:block;margin-top:.4rem;color:#d7ceda}
.site-footer nav{justify-content:flex-end;align-content:center}
.site-footer nav a{color:#ddd3e2;text-decoration:none;border-bottom:1px solid transparent}
.site-footer nav a:hover{border-bottom-color:currentColor}
.footer-copy{grid-column:1/-1!important;text-align:center;color:#8f8793}

@media(max-width:1050px){
  .phone-row{grid-template-columns:repeat(4,minmax(12rem,1fr));overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}
  .studio-phone{scroll-snap-align:center}
  .site-footer{grid-template-columns:1fr 1fr}.site-footer nav{grid-column:1/-1;justify-content:center}
}
@media(max-width:720px){
  .feature-strip{overflow:hidden}.feature-strip article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}.feature-strip article:last-child{border-bottom:0}
  .feature-icon{width:2.85rem;height:2.85rem}.feature-icon svg{width:1.6rem;height:1.6rem}
  .studio-showcase{padding-top:2.2rem;padding-bottom:2.2rem}
  .phone-row{grid-template-columns:repeat(4,minmax(12.5rem,1fr))}
  .studio-phone{min-height:24rem}
  .site-footer{grid-template-columns:1fr;text-align:center;gap:1.25rem}
  .footer-logo-block{grid-template-columns:8.5rem 1fr;text-align:left;max-width:30rem;margin:auto}
  .site-footer nav{grid-column:auto;justify-content:center}
}
@media(max-width:430px){
  .footer-logo-block{grid-template-columns:1fr;text-align:center}.footer-logo-link{width:min(11rem,70vw);margin:auto}.footer-logo-block p{max-width:24rem;margin:auto}
}


/* MGLS_018 — true image-echo treatment and lower-page contrast cleanup */
/* Artist Parade: use each artist image itself as a soft halo behind the sharp circle. */
.parade-card{
  isolation:isolate;
  background:linear-gradient(180deg,rgba(18,14,24,.94),rgba(7,7,11,.98));
  border-color:color-mix(in srgb,var(--card-accent,#9c43d1) 36%,rgba(255,255,255,.13));
  box-shadow:0 18px 42px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.045);
}
.parade-card:before{
  content:"";
  position:absolute;
  z-index:-2;
  left:8%;right:8%;top:-1.1rem;height:10rem;
  background-image:var(--parade-image,none);
  background-size:cover;
  background-position:center;
  filter:blur(20px) saturate(1.55) contrast(1.08) brightness(.58);
  opacity:.62;
  transform:scale(1.08);
  border-radius:50%;
  pointer-events:none;
}
.parade-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(7,7,11,.02) 0%,rgba(7,7,11,.48) 42%,rgba(7,7,11,.97) 76%);
  pointer-events:none;
}
.parade-avatar{
  width:8rem;height:8rem;
  border-width:2px;
  box-shadow:0 0 0 4px rgba(7,7,11,.72),0 0 0 6px color-mix(in srgb,var(--card-accent,#9c43d1) 24%,transparent),0 16px 32px rgba(0,0,0,.58),0 0 30px color-mix(in srgb,var(--card-accent,#9c43d1) 24%,transparent);
}
.parade-avatar img,.creator-card-avatar img{filter:saturate(1.26) contrast(1.11) brightness(1.04)}
.parade-card h3{color:#fbf8fc;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.parade-card p{color:#d5ccd9}
.parade-card .secondary{background:linear-gradient(rgba(8,8,12,.82),rgba(8,8,12,.82)) padding-box,linear-gradient(100deg,var(--card-accent,#9c43d1),#35bd91,#c39a56) border-box}

/* Example Studios: the SAME image now fills the whole card as the blurred echo,
   with a sharp circular version floating in front, matching the approved reference feel. */
.studio-phone{
  isolation:isolate;
  overflow:hidden;
  background:#08070c;
  border-color:color-mix(in srgb,currentColor 68%,rgba(255,255,255,.12));
  box-shadow:0 24px 54px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07);
}
.studio-phone:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-2.25rem;
  background-image:var(--sample-bg);
  background-size:cover;
  background-position:center;
  filter:blur(22px) saturate(1.55) contrast(1.1) brightness(.58);
  transform:scale(1.09);
  opacity:.9;
}
.studio-phone:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,4,8,.22) 0%,rgba(7,6,10,.55) 30%,rgba(7,7,11,.82) 60%,rgba(7,7,11,.95) 100%),
    linear-gradient(135deg,color-mix(in srgb,currentColor 12%,transparent),transparent 55%);
}
.studio-phone-visual{
  height:7.7rem;
  margin:0;
  padding:1rem 0 0;
  overflow:visible;
  border-bottom:0;
  background:none;
  place-items:start center;
}
.studio-phone-visual:before,.studio-phone-visual:after{content:none}
.sample-avatar{
  width:5.9rem;height:5.9rem;
  border:2px solid currentColor;
  box-shadow:0 0 0 4px rgba(5,5,8,.64),0 12px 30px rgba(0,0,0,.58),0 0 26px color-mix(in srgb,currentColor 28%,transparent);
  overflow:hidden;
}
.sample-avatar img{width:100%;height:100%;object-fit:cover;filter:saturate(1.25) contrast(1.1) brightness(1.04)}
.studio-phone h3{font-size:1.18rem;text-shadow:0 2px 10px #000;margin-top:.2rem}
.studio-phone small{color:#f0e8f1;text-shadow:0 1px 8px #000}
.studio-phone a{
  position:relative;
  display:flex;
  align-items:center;
  gap:.48rem;
  color:#fff;
  border-color:color-mix(in srgb,currentColor 48%,rgba(255,255,255,.18));
  background:linear-gradient(90deg,color-mix(in srgb,currentColor 20%,rgba(0,0,0,.64)),rgba(0,0,0,.58));
  backdrop-filter:blur(5px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.studio-phone a:before{
  content:"↗";
  display:grid;
  place-items:center;
  width:1.28rem;height:1.28rem;
  flex:0 0 auto;
  border-radius:50%;
  color:#fff;
  background:color-mix(in srgb,currentColor 72%,#151019);
  font-size:.68rem;
  font-weight:900;
}
.sample-socials span{background:color-mix(in srgb,currentColor 28%,rgba(5,5,8,.82));box-shadow:0 0 18px color-mix(in srgb,currentColor 22%,transparent)}

/* The old History block read like a giant white billboard. Make it a smaller premium callout. */
.story-section{
  max-width:92rem;
  margin:1.1rem auto 2rem;
  padding:1.5rem clamp(1.2rem,4vw,2.4rem);
  grid-template-columns:minmax(13rem,.72fr) minmax(0,1.28fr);
  gap:2rem;
  align-items:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:1rem;
  background:
    radial-gradient(circle at 12% 32%,rgba(156,59,204,.15),transparent 15rem),
    radial-gradient(circle at 86% 70%,rgba(44,184,132,.11),transparent 16rem),
    linear-gradient(115deg,rgba(18,13,24,.88),rgba(8,8,12,.93));
  box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
}
.story-section:before{opacity:.35}
.story-section h2{
  margin:.15rem 0;
  font-size:clamp(1.45rem,2.4vw,2.25rem);
  line-height:1.08;
  letter-spacing:-.025em;
  color:#eee8f1;
}
.story-section h2 span:nth-child(1){color:#c765e7}.story-section h2 span:nth-child(2){color:#50cda0}.story-section h2 span:nth-child(3){color:#d1a15a}
.story-section>p{margin:0;font-size:clamp(.94rem,1.2vw,1.05rem);line-height:1.65;color:#cfc6d2}

/* Keep the lower page visually connected instead of dropping into a black hole. */
.studio-showcase{box-shadow:0 30px 80px rgba(0,0,0,.18)}
.site-footer{margin-top:0}

@media(max-width:720px){
  .parade-avatar{width:7.2rem;height:7.2rem}
  .story-section{grid-template-columns:1fr;margin:1rem 1rem 1.5rem;padding:1.25rem}
  .story-section h2{font-size:1.55rem}
}

/* MGLS_019 — carousel-save clarity and compact History line */
.carousel-image-controls #saveCarouselImage{min-width:12.5rem}
#carouselImageStatus{min-height:1.35rem;font-weight:650;color:#b8d9cc}
#carouselImageStatus.carousel-status-error{color:#ff9ca8}
.story-section h2{
  color:#d1a15a;
  font-size:clamp(1.05rem,1.65vw,1.55rem);
  line-height:1.1;
  letter-spacing:-.015em;
  white-space:nowrap;
}
@media(max-width:720px){
  .story-section h2{font-size:clamp(.94rem,4.25vw,1.05rem);white-space:nowrap}
  .carousel-image-controls .button-row{display:grid;grid-template-columns:1fr 1fr}
  .carousel-image-controls #saveCarouselImage{grid-column:1/-1;width:100%}
}


/* MGLS_022 — Studio music */
.music-customizer{position:relative;overflow:hidden}
.music-customizer::after{content:'♪';position:absolute;right:1rem;bottom:-2rem;font-size:8rem;line-height:1;color:var(--accent,#8a5cc7);opacity:.06;pointer-events:none}
.music-customizer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.music-customizer-heading h4{margin-top:.15rem}
.music-note-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:1px solid rgba(184,217,204,.35);border-radius:50%;font-size:1.25rem;background:rgba(138,92,199,.12)}
.music-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-top:1rem}
.music-picker-row label{margin:0}
.music-audition-button{white-space:nowrap;min-height:44px}
#musicPreviewStatus{min-height:1.35rem;margin:.7rem 0 0}
.studio-music{display:flex;align-items:center;gap:.5rem;margin:.85rem 0 1rem;justify-content:var(--music-align,flex-start)}
.studio-music audio{display:none}
.studio-music-volume{display:flex;align-items:center;gap:.28rem;margin:0;color:rgba(255,255,255,.72);font-size:12px}
.studio-music-volume input{width:76px;accent-color:var(--profile-accent);cursor:pointer}
.studio-music-credit{font-size:10px;line-height:1;color:rgba(255,255,255,.62);text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.34);white-space:nowrap}
.studio-music-credit:hover,.studio-music-credit:focus-visible{color:#fff;border-bottom-color:#fff}
.studio-music-button{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--profile-accent) 74%,white 26%);background:color-mix(in srgb,var(--profile-accent) 22%,rgba(7,5,12,.82) 78%);color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.34);cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;padding:0}
.studio-music-button::before,.studio-music-button::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.studio-music-button::before{inset:5px;border:1px solid rgba(255,255,255,.22)}
.studio-music-button::after{inset:-5px;border:1px dotted color-mix(in srgb,var(--profile-accent) 70%,white 30%);opacity:.42}
.studio-music-button:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,255,255,.09),0 10px 26px rgba(0,0,0,.42)}
.studio-music-button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.music-play-icon{font-size:17px;line-height:1;margin-left:3px}
.music-pause-icon{display:none;font-size:16px;font-weight:800;letter-spacing:-2px;line-height:1}
.studio-music-button.playing{background:color-mix(in srgb,var(--profile-accent) 55%,rgba(7,5,12,.82) 45%)}
.studio-music-button.playing .music-play-icon{display:none}
.studio-music-button.playing .music-pause-icon{display:inline}
@media(max-width:650px){.music-picker-row{grid-template-columns:1fr}.music-audition-button{width:100%}.studio-music-button{width:46px;height:46px}.studio-music-volume input{width:64px}}

/* MGLS_037 — Admin moderation foundation */
.admin-panel{max-width:96rem;margin:0 auto;padding:clamp(1rem,4vw,3rem)}
.admin-counts{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.admin-member-card{display:block;margin-bottom:1rem}
.admin-member-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;margin-bottom:1rem}
.admin-carousel-control{display:grid;gap:.4rem;justify-items:end;text-align:right;min-width:9rem}
.admin-carousel-control button{min-width:5.5rem}
.admin-media-section{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
.admin-media-section h4{margin:.2rem 0 1rem;font-size:1.1rem}
.admin-media-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.8rem}
.admin-media-section>h4,.admin-media-section>p{grid-column:1/-1}
.admin-media-card{display:grid;gap:.55rem;padding:.7rem;border:1px solid var(--line);border-radius:.75rem;background:#0b0910;align-content:start}
.admin-media-heading{display:flex;gap:.4rem;align-items:center;justify-content:space-between}
.admin-media-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#050407;border:1px solid rgba(255,255,255,.08);border-radius:.55rem}
.admin-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.admin-media-actions button{min-height:42px}
.review-pending{border-color:#b98238;color:#e5bf84}.review-approved{border-color:#2f9c74;color:#75ddb5}.review-rejected{border-color:#a44252;color:#ff9ca8}.review-none{opacity:.65}
.status-active{border-color:#2f9c74;color:#75ddb5}.status-pending{border-color:#b98238;color:#e5bf84}.status-suspended{border-color:#a44252;color:#ff9ca8}
@media(max-width:720px){.admin-member-top{grid-template-columns:1fr}.admin-carousel-control{justify-items:start;text-align:left}.admin-counts{justify-content:flex-start}.admin-member-card>.button-row{display:grid;grid-template-columns:1fr}.admin-member-card>.button-row>*{width:100%}}
.admin-media-card{grid-template-columns:1fr!important;align-items:stretch!important}

/* MGLS_037 — Admin bootstrap diagnostics */
.setup-warning{font-weight:700;color:#ffb4b4}


/* MGLS_037 — clearer homepage paths: Studio, Artist Parade, and direct artist search */
.hero-actions>button,.hero-actions>a{
  min-height:48px;
  border-radius:.62rem;
  padding:.78rem 1.15rem;
  letter-spacing:.005em;
  box-shadow:0 10px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);
}
.hero-actions .studio-cta{
  border-color:#c99b55;
  background:linear-gradient(135deg,#cba15f,#a8763d);
}
.hero-actions .parade-cta{
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 14% 22%,rgba(255,255,255,.16) 0 2px,transparent 3px),
    radial-gradient(circle at 80% 72%,rgba(255,255,255,.12) 0 2px,transparent 3px),
    linear-gradient(112deg,#7d359e 0%,#4d477f 31%,#287b67 66%,#8f6840 100%);
  color:#fff;
  box-shadow:0 10px 27px rgba(68,35,88,.28),0 0 20px rgba(77,146,113,.08),inset 0 1px 0 rgba(255,255,255,.16);
}
.hero-actions .find-cta{
  border:1px solid transparent;
  background:
    linear-gradient(rgba(13,11,18,.96),rgba(9,9,13,.96)) padding-box,
    linear-gradient(105deg,#9b4bc2,#b98951 48%,#43a983) border-box;
  color:#f7f3f9;
}
.hero-actions .studio-cta:hover,.hero-actions .parade-cta:hover,.hero-actions .find-cta:hover{filter:brightness(1.07)}
.find-mark{
  display:inline-grid;
  place-items:center;
  width:1.45rem;
  height:1.45rem;
  border-radius:50%;
  margin-left:.05rem;
  font-family:Georgia,serif;
  font-weight:900;
  font-size:1rem;
  color:#f4eef7;
  background:linear-gradient(135deg,rgba(157,69,207,.8),rgba(47,177,132,.75));
  box-shadow:0 0 10px rgba(157,69,207,.22),0 0 15px rgba(47,177,132,.15);
}
.search-panel:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-3rem;
  top:.15rem;
  width:28rem;
  height:10rem;
  pointer-events:none;
  opacity:.72;
  background:
    radial-gradient(ellipse at 18% 44%,rgba(174,74,216,.24),transparent 34%),
    radial-gradient(ellipse at 52% 24%,rgba(199,151,77,.16),transparent 30%),
    radial-gradient(ellipse at 84% 48%,rgba(43,185,132,.22),transparent 34%);
  filter:blur(16px);
}

.search-row{position:relative}
.search-anchor{position:absolute;top:-6rem;left:0;width:1px;height:1px;pointer-events:none}
@media(max-width:720px){
  .hero-actions{display:grid;grid-template-columns:1fr;gap:.65rem}
  .hero-actions>button,.hero-actions>a{width:100%}
  .search-panel:after{right:-3.2rem;top:1.8rem;font-size:7rem;opacity:.11}
  .search-anchor{top:-5.2rem}
}


/* MGLS_037 — mobile-first homepage order + one-box artist search */
.search-row-simple{grid-template-columns:minmax(15rem,1fr) auto}
@media(max-width:720px){
  /* Let the large official logo be the first visual on phone; keep Menu accessible over it. */
  .site-header{
    position:absolute;
    top:0;left:0;right:0;
    background:transparent;
    border-bottom:0;
    backdrop-filter:none;
    justify-content:flex-end;
    padding:.65rem .75rem;
  }
  .site-header .brand{display:none}
  .menu-button{background:rgba(7,7,11,.72);backdrop-filter:blur(8px)}
  .site-header nav{top:100%;background:rgba(8,7,12,.97)}

  .hero-art{order:-1;min-height:19rem}
  .hero-art img{padding:1.5rem .9rem .35rem}
  .hero-copy{order:1;padding-top:1rem}

  /* Phone only: search comes before the parade. Desktop DOM/order stays untouched. */
  #publicView{display:flex;flex-direction:column}
  #publicView>.hero{order:1}
  #publicView>.search-panel{order:2}
  #publicView>.parade-section{order:3}
  #publicView>.feature-intro{order:4}
  #publicView>.feature-strip{order:5}
  #publicView>.studio-showcase{order:6}
  #publicView>.story-section{order:7}

  .search-row-simple{grid-template-columns:1fr}
}


/* MGLS_037 — mobile-first refinement checkpoint (Stage 1 + Stage 2)
   Purpose: polish scale, density, rhythm and 100%-zoom responsiveness without changing backend behavior. */

/* Desktop/laptop: contain the composition instead of letting it inflate with the monitor. */
.hero{max-width:96rem;margin-inline:auto;min-height:31rem}
.hero-copy{padding:clamp(2.5rem,5vw,4.75rem) clamp(1.4rem,4vw,4rem)}
.hero h1{font-size:clamp(2.8rem,4.3vw,4.5rem);line-height:.96}
.hero .lede{font-size:clamp(.98rem,1.2vw,1.12rem)}
.search-panel,.parade-section,.studio-showcase,.story-section{max-width:90rem}
.feature-strip,.feature-intro{max-width:88rem}
.account-panel{max-width:88rem}
.card,.creator-card{box-shadow:0 16px 42px rgba(0,0,0,.34)}

/* The editor is built on laptop, but the live preview starts as a realistic phone. */
.live-preview-viewport[data-mode="phone"]{max-width:25.5rem;margin-inline:auto}
.preview-mode-switch{padding:.18rem;background:rgba(255,255,255,.035);border-radius:.7rem}
.preview-mode-button{min-height:36px;padding:.42rem .72rem}
.preview-mode-button.active{box-shadow:0 5px 16px rgba(0,0,0,.26)}

/* Intermediate widths: avoid the awkward half-desktop stretch. */
@media(min-width:721px) and (max-width:1100px){
  .hero{grid-template-columns:minmax(20rem,.92fr) minmax(0,1.08fr);min-height:27rem}
  .hero h1{font-size:clamp(2.6rem,5vw,3.7rem)}
  .hero-copy{padding:2.35rem 1.8rem}
  .search-panel,.parade-section,.studio-showcase,.story-section{padding-left:1.5rem;padding-right:1.5rem}
  .parade-card{flex-basis:13rem}
}

@media(max-width:720px){
  html{scroll-padding-top:1rem}
  body{line-height:1.48}

  /* Homepage hero: logo first, then a compact strong introduction. */
  .hero{border-bottom:0}
  .hero-art{min-height:13.8rem;background:
    radial-gradient(circle at 78% 22%,rgba(164,52,210,.2) 0 .8rem,transparent 3rem),
    radial-gradient(circle at 87% 48%,rgba(196,147,76,.17) 0 .7rem,transparent 3.2rem),
    radial-gradient(circle at 32% 70%,rgba(40,185,130,.16) 0 .8rem,transparent 3.4rem),
    linear-gradient(145deg,#0b0711,#08070c 54%,#07100d)}
  .hero-art img{padding:1.05rem 1rem .15rem;max-height:13.8rem;object-fit:contain}
  .hero-copy{padding:.55rem 1rem 1.25rem;text-align:center;justify-items:center}
  .hero-copy>.eyebrow{display:none}
  .hero h1{font-size:clamp(2.05rem,9.7vw,2.65rem);line-height:.98;letter-spacing:-.04em;margin:.2rem 0 .65rem}
  .hero .lede{font-size:.94rem;line-height:1.5;margin:.05rem auto .8rem;max-width:33rem;color:#d4cdd8}
  .hero-actions{width:min(100%,27rem);gap:.5rem;margin-top:.15rem}
  .hero-actions>button,.hero-actions>a{min-height:43px;padding:.62rem .9rem;border-radius:.58rem;font-size:.92rem;box-shadow:0 7px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.1)}
  .hero .foundation-note{margin:.5rem 0 0;font-size:.68rem;line-height:1.35;opacity:.78}

  /* Search: easy to find, but no longer a whole-screen event. */
  .search-panel{padding:.9rem 1rem 1.25rem;background:
    radial-gradient(circle at 4% 25%,rgba(151,55,194,.1),transparent 12rem),
    radial-gradient(circle at 96% 30%,rgba(34,173,121,.08),transparent 13rem),
    linear-gradient(180deg,rgba(10,8,14,.72),rgba(7,7,11,.48))}
  .search-panel .section-heading{margin-bottom:.65rem;text-align:left}
  .search-panel .section-heading .eyebrow{font-size:.62rem;margin-bottom:.25rem}
  .search-panel .section-heading h2{font-size:clamp(1.65rem,7.2vw,2rem);margin:.05rem 0}
  .search-kicker{margin:.22rem 0 0;font-size:.79rem}
  .search-panel .section-heading>p{font-size:.78rem;line-height:1.4;margin:.5rem 0 0}
  .search-row-simple{gap:.5rem;padding:.68rem;border-radius:.78rem;box-shadow:0 9px 24px rgba(0,0,0,.23)}
  .search-row-simple label{font-size:.78rem;gap:.25rem}
  .search-row-simple input{min-height:43px;padding:.64rem .72rem}
  .search-row-simple .search-button{min-height:42px;padding:.58rem .9rem;font-size:.9rem}
  .search-panel:after{font-size:5.5rem;right:-2.5rem;top:1rem;opacity:.075}
  .search-empty-state{min-height:6.8rem!important;padding:.9rem 1rem;margin-top:.7rem}
  .search-empty-state h3{font-size:1rem;margin:.1rem 0}
  .search-empty-state p{font-size:.78rem;margin:.25rem 0}
  .art-invitation{margin:.85rem auto .05rem;font-size:.94rem;line-height:1.4}

  /* Parade: a modern swipe row. The next card deliberately peeks into view. */
  .parade-section{padding:.95rem 0 1.15rem}
  .parade-heading{padding-inline:1rem;margin-bottom:.2rem}
  .parade-heading .eyebrow{font-size:.62rem;margin-bottom:.18rem}
  .parade-heading h2{font-size:clamp(1.75rem,7.5vw,2.1rem)}
  .parade-shell{display:block}
  .artist-parade{gap:.68rem;padding:.65rem 1rem .8rem;scroll-padding-inline:1rem;overscroll-behavior-inline:contain}
  .parade-card{flex:0 0 min(62vw,14rem);min-height:11.8rem;padding:.78rem .72rem;border-radius:.8rem;scroll-snap-align:start}
  .parade-avatar{width:5.65rem;height:5.65rem;font-size:1.7rem}
  .parade-card:before{height:7rem;top:-.65rem;filter:blur(17px) saturate(1.4) brightness(.55)}
  .parade-card h3{font-size:1.02rem;margin:.45rem 0 .03rem}
  .parade-card p{min-height:1.25rem;font-size:.76rem;margin:.04rem 0 .42rem}
  .parade-card .secondary{min-height:36px;padding:.43rem .68rem;font-size:.76rem}
  .parade-note{padding-inline:1.1rem;font-size:.7rem;line-height:1.35;margin:.05rem auto 0}

  /* Lower homepage: less box-on-box stacking and less dead vertical space. */
  .feature-intro{margin:.3rem auto .2rem;padding:.85rem 1rem .3rem}
  .feature-intro .eyebrow{font-size:.62rem}
  .feature-intro h2{font-size:1.55rem;margin:.04rem 0 .12rem}
  .feature-intro p:last-child{font-size:.78rem;line-height:1.4}
  .feature-strip{margin:.25rem 1rem .6rem;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:0 .9rem;overflow:visible}
  .feature-strip article{padding:.85rem .1rem .9rem;min-height:0;border:0;border-top:1px solid rgba(255,255,255,.11);background:transparent}
  .feature-strip article:before{display:none}
  .feature-strip article:nth-child(5){grid-column:1/-1}
  .feature-icon{width:2.35rem;height:2.35rem;border-radius:.65rem}
  .feature-icon svg{width:1.35rem;height:1.35rem}
  .feature-strip h3{font-size:.9rem;margin:.45rem 0 .18rem}
  .feature-strip p{font-size:.75rem;line-height:1.38;margin:.1rem 0}

  .studio-showcase{padding:1.35rem 1rem 1.45rem;gap:1rem}
  .showcase-copy{text-align:left}
  .showcase-copy .eyebrow{font-size:.62rem}
  .showcase-copy h2{font-size:clamp(1.8rem,8.7vw,2.35rem);margin:.25rem 0 .55rem;line-height:.98}
  .showcase-copy p{font-size:.82rem;line-height:1.45;margin:.4rem 0}
  .showcase-copy .secondary{min-height:41px;padding:.55rem .8rem;font-size:.85rem}
  .phone-row{grid-template-columns:repeat(4,minmax(10.8rem,1fr));gap:.62rem;margin-right:-1rem;padding-right:1rem}
  .studio-phone{min-height:20.5rem;padding:0 .72rem .75rem;border-radius:.82rem}
  .studio-phone-visual{height:6.4rem;padding-top:.7rem}
  .sample-avatar{width:4.65rem;height:4.65rem}
  .studio-phone h3{font-size:1rem;margin-top:.08rem}
  .studio-phone small{font-size:.72rem;margin-bottom:.45rem}
  .studio-phone a{font-size:.74rem;padding:.38rem;margin:.3rem 0}
  .sample-socials{margin-top:.5rem}
  .sample-socials span{width:1.7rem;height:1.7rem;font-size:.65rem}

  .story-section{margin:.3rem 1rem 1rem;padding:1rem;border-radius:.85rem;gap:.55rem}
  .story-section .eyebrow{font-size:.62rem}
  .story-section h2{font-size:1rem!important}
  .story-section>p{font-size:.8rem;line-height:1.45;margin:.1rem 0}

  /* Dashboard: make the existing controls feel lighter before the later accordion pass. */
  .account-panel{padding:1rem .75rem 4.5rem}
  #dashboard>.section-heading{margin-bottom:.65rem}
  #dashboard>.section-heading h2{font-size:1.65rem}
  .share-studio-card{padding:.82rem;margin:.65rem 0 .85rem;border-radius:.78rem;box-shadow:0 10px 28px rgba(0,0,0,.28)}
  .dashboard-editor>.card,.dashboard-editor>.upload-section{border-radius:.8rem;box-shadow:0 10px 28px rgba(0,0,0,.28)}
  .form-card{padding:.9rem;gap:.8rem}
  .form-card h3{font-size:1.25rem}
  .customizer-block{padding:.85rem;margin-top:.65rem}
  .carousel-image-card{padding:.9rem}
  .carousel-crop-stage{width:min(12.5rem,64vw)}
  .mobile-preview-fab{right:.7rem;bottom:calc(.7rem + env(safe-area-inset-bottom));min-height:42px;padding:.58rem .8rem;font-size:.82rem;box-shadow:0 8px 26px rgba(0,0,0,.45)}
}

@media(max-width:430px){
  .hero-art{min-height:12.9rem}
  .hero-art img{max-height:12.9rem}
  .parade-card{flex-basis:64vw}
  .feature-strip{gap:0 .7rem}
}


/* MGLS_040 — development-only device preview + usable public Studio volume */
.builder-preview-host{margin:0;overflow:hidden;background:#050407}
.builder-preview-host>body{overflow:hidden}
.builder-device-preview{position:fixed;inset:0;z-index:10000;display:grid;grid-template-rows:auto minmax(0,1fr);background:radial-gradient(circle at 20% 0,rgba(126,45,158,.12),transparent 28rem),radial-gradient(circle at 85% 30%,rgba(31,144,101,.1),transparent 30rem),#050407;color:var(--ink)}
.builder-device-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .9rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(9,7,13,.98);box-shadow:0 8px 24px rgba(0,0,0,.24)}
.builder-device-label{display:flex;align-items:baseline;gap:.65rem;min-width:0}.builder-device-label strong{font-size:.9rem}.builder-device-label span{font-size:.7rem;color:var(--muted);white-space:nowrap}
.builder-device-switch{display:flex;gap:.35rem;padding:.18rem;border:1px solid rgba(255,255,255,.12);border-radius:.7rem;background:#08070c}
.builder-device-switch button{min-width:5.4rem;min-height:34px;border:0;border-radius:.5rem;padding:.35rem .7rem;background:transparent;color:#d9d2dd;font-weight:800;cursor:pointer}
.builder-device-switch button.active{background:linear-gradient(110deg,rgba(139,61,178,.9),rgba(33,145,105,.86));color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.builder-device-stage{min-height:0;overflow:auto;display:grid;place-items:start center;padding:.9rem 1rem 1.1rem}
.builder-device-frame{display:block;height:calc(100vh - 4.3rem);border:1px solid rgba(255,255,255,.16);background:#07070b;box-shadow:0 18px 55px rgba(0,0,0,.5);transition:width .18s ease,border-radius .18s ease}
.builder-device-stage[data-device="phone"] .builder-device-frame{width:412px;max-width:calc(100vw - 2rem);border-radius:1.45rem}
.builder-device-stage[data-device="desktop"] .builder-device-frame{width:min(1366px,calc(100vw - 2rem));border-radius:.7rem}

.studio-music-volume{min-height:44px;gap:.35rem;user-select:none;-webkit-user-select:none}
.studio-volume-note{flex:0 0 auto}
.studio-music-volume input[type="range"]{--volume-progress:3.333%;-webkit-appearance:none;appearance:none;width:112px;min-width:112px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;touch-action:none;overscroll-behavior:contain}
.studio-music-volume input[type="range"]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--profile-accent) 0 var(--volume-progress),rgba(255,255,255,.2) var(--volume-progress) 100%)}
.studio-music-volume input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8.5px;border:2px solid #fff;border-radius:50%;background:var(--profile-accent);box-shadow:0 2px 8px rgba(0,0,0,.45)}
.studio-music-volume input[type="range"]::-moz-range-track{height:5px;border:0;border-radius:999px;background:rgba(255,255,255,.2)}
.studio-music-volume input[type="range"]::-moz-range-progress{height:5px;border-radius:999px;background:var(--profile-accent)}
.studio-music-volume input[type="range"]::-moz-range-thumb{width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:var(--profile-accent);box-shadow:0 2px 8px rgba(0,0,0,.45)}
.studio-volume-output{min-width:2.2rem;font-size:10px;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums;text-align:right}
@media(max-width:650px){.studio-music{gap:.4rem;flex-wrap:wrap}.studio-music-volume input[type="range"]{width:118px;min-width:118px}.studio-volume-output{font-size:10px}}


/* MGLS_040 — laptop mouse-drag support for horizontally swipeable preview rails */
.artist-parade,.phone-row{cursor:grab}
.artist-parade.mouse-dragging,.phone-row.mouse-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;scroll-snap-type:none!important}

/* MGLS_048 — navigation clarity, completion feedback, membership groundwork, Event Schedule */
.site-header .nav-login{border:1px solid rgba(255,255,255,.24);border-radius:.65rem;background:rgba(255,255,255,.035)}
.menu-button{align-items:center;gap:.5rem;min-height:44px}
.menu-icon{display:grid;gap:3px;width:18px}.menu-icon i{display:block;height:2px;border-radius:2px;background:currentColor}
.dashboard-heading-actions{display:flex;align-items:center;gap:.55rem}
.dashboard-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#0a0810;color:#fff;font-size:1.55rem;cursor:pointer}

.membership-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem 1.25rem;align-items:center;padding:1rem 1.15rem;margin:0 0 1rem}
.membership-card h3{margin:.05rem 0 .2rem}.membership-card p{margin:.2rem 0}.membership-pricing{display:grid;gap:.35rem;text-align:right;font-size:.82rem}.membership-pricing span{padding:.38rem .55rem;border:1px solid var(--line);border-radius:.55rem;background:rgba(255,255,255,.025)}.membership-pricing strong{color:#d6b27b}.membership-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding-top:.6rem}

.event-schedule-editor{display:grid;gap:.8rem}.event-schedule-editor-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem}.event-schedule-editor-heading h4{margin:.05rem 0}.schedule-toggle{max-width:24rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.65rem;background:rgba(255,255,255,.025)}
#scheduleEditorBody{display:grid;gap:.75rem}.schedule-editor-list{display:grid;gap:.7rem}.schedule-editor-row{display:grid;gap:.72rem;padding:.8rem;border:1px solid rgba(255,255,255,.11);border-radius:.72rem;background:rgba(0,0,0,.16)}.schedule-editor-row-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.schedule-editor-row .danger{min-height:40px}.schedule-disabled .schedule-editor-list,.schedule-disabled>.button-row{opacity:.5}.schedule-disabled:after{content:"Your saved events are hidden from the public Studio until you turn the schedule back on.";font-size:.8rem;color:var(--muted)}.schedule-empty{margin:.2rem 0}

.event-schedule{--schedule-bronze:#b58a55;margin:1rem 0;border:1px solid color-mix(in srgb,var(--profile-accent) 40%,rgba(255,255,255,.16));border-radius:.85rem;background:rgba(4,4,8,.46);backdrop-filter:blur(4px);overflow:hidden}.event-schedule-summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:52px;padding:.72rem .9rem;cursor:pointer;list-style:none;font-weight:850}.event-schedule-summary::-webkit-details-marker{display:none}.event-schedule-summary-copy{display:flex;align-items:baseline;gap:.55rem;min-width:0;flex-wrap:wrap}.event-schedule-summary-title{font-size:1rem}.event-schedule-summary-meta{font-size:.72rem;color:var(--muted);font-weight:700}.event-schedule-chevron{font-size:1.25rem;line-height:1;transition:transform .18s ease}.event-schedule[open] .event-schedule-chevron{transform:rotate(180deg)}.event-schedule-body{padding:0 .9rem .9rem;border-top:1px solid rgba(255,255,255,.08)}.event-schedule-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:.8rem 0}.event-schedule-heading h3{margin:.05rem 0;font-size:1.25rem}.event-schedule-heading .hint{margin:0;text-align:right}.event-schedule-layout{display:grid;grid-template-columns:minmax(15rem,.72fr) minmax(16rem,1.28fr);gap:.9rem}.schedule-calendar{padding:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:.72rem;background:rgba(0,0,0,.22)}.schedule-calendar-toolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin-bottom:.4rem}.schedule-calendar-toolbar button{min-width:44px;min-height:44px;font-size:1.45rem}.schedule-weekdays,.schedule-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.22rem}.schedule-weekdays span{text-align:center;font-size:.62rem;color:rgba(255,255,255,.62);padding:.15rem 0}.schedule-day{display:grid;place-items:center;position:relative;min-width:0;min-height:38px;border:0;border-radius:.45rem;background:transparent;color:#eee;font-size:.76rem}.schedule-day.empty{visibility:hidden}.schedule-day.today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.82)}button.schedule-day.has-event{cursor:pointer;border:2px solid var(--schedule-bronze);background:rgba(181,138,85,.15);box-shadow:0 0 0 1px rgba(181,138,85,.18);font-weight:900;color:#fff}button.schedule-day.has-event.previous-event-date{border-style:dashed;background:rgba(181,138,85,.07);color:rgba(255,255,255,.72)}button.schedule-day.has-event.today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.92),0 0 0 2px rgba(181,138,85,.18)}button.schedule-day.has-event.selected{background:rgba(181,138,85,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 2px rgba(181,138,85,.24);color:#fff}button.schedule-day.has-event.today.selected{box-shadow:inset 0 0 0 1px rgba(255,255,255,.95),0 0 0 2px rgba(181,138,85,.28)}.schedule-event-detail{display:grid;gap:.55rem;align-content:start}.schedule-event-card{display:grid;grid-template-columns:minmax(7.8rem,.55fr) minmax(0,1.45fr);gap:.75rem;padding:.72rem;border:1px solid rgba(255,255,255,.1);border-radius:.7rem;background:rgba(0,0,0,.23)}.schedule-event-card.is-previous{background:rgba(0,0,0,.14);border-color:rgba(181,138,85,.2)}.schedule-event-card h4{margin:0 0 .18rem;font-size:1rem}.schedule-event-card p{margin:.18rem 0}.schedule-event-date{display:grid;align-content:start;gap:.15rem}.schedule-event-date strong{font-size:.82rem}.schedule-event-date span{font-size:.75rem;color:var(--muted)}.schedule-status{display:inline-flex;margin:.05rem .3rem .15rem 0;padding:.13rem .42rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.65rem;font-weight:800}.schedule-status-previous{color:#d2b48a;border-color:rgba(181,138,85,.42)}.schedule-status-cancelled{color:#ff9ca8}.schedule-status-postponed{color:#d6b27b}.schedule-status-sold-out{color:#cfa7ee}.previous-events{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.1)}.previous-events-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.55rem}.previous-events-heading h4{margin:0}.previous-events-heading p{margin:0;text-align:right}.previous-event-list{display:grid;gap:.5rem}

.save-status{margin:.55rem 0 0;font-size:.82rem;color:#76d8b4}.save-status.unsaved,#dashboardFinishStatus.unsaved{color:#d8b47d}
.dashboard-finish{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.1rem;margin:1rem 0 0;border-color:rgba(81,192,149,.35);background:linear-gradient(135deg,rgba(40,185,130,.08),rgba(111,54,144,.08))}.dashboard-finish h3{margin:.08rem 0 .15rem}.dashboard-finish p{margin:.2rem 0}.dashboard-finish-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.back-to-top-button{min-height:44px}.dashboard-top-fab{position:fixed;left:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:44;min-width:54px;min-height:42px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,7,12,.94);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4)}

@media(max-width:960px){
  .membership-card,.dashboard-finish{grid-template-columns:1fr}.membership-pricing{text-align:left;grid-template-columns:1fr 1fr}.dashboard-finish-actions{justify-content:flex-start}
}
@media(max-width:720px){
  #accountView{padding-top:4.2rem}
  .site-header nav a,.site-header nav button{min-height:44px;text-align:left;border-radius:.55rem}.site-header .nav-login{border-color:rgba(255,255,255,.2)}
  .menu-button{display:flex}
  .membership-card{padding:.85rem}.membership-pricing{grid-template-columns:1fr;gap:.3rem}.membership-note{font-size:.74rem}
  .event-schedule-editor-heading,.event-schedule-heading{display:grid;grid-template-columns:1fr;gap:.45rem}.schedule-toggle{max-width:none}.event-schedule-heading .hint{text-align:left}.previous-events-heading{display:grid;gap:.2rem}.previous-events-heading p{text-align:left}
  .event-schedule{margin:.85rem 0}.event-schedule-summary{padding:.7rem .75rem}.event-schedule-body{padding:0 .75rem .75rem}.event-schedule-layout{grid-template-columns:1fr}.schedule-day{min-height:42px}.schedule-event-card{grid-template-columns:1fr;gap:.35rem}
  .schedule-editor-row .two-col{grid-template-columns:1fr}
  .dashboard-finish{padding:.85rem}.dashboard-finish-actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-finish-actions>*{width:100%}.dashboard-finish-actions .primary{grid-column:1/-1}.dashboard-top-fab{bottom:calc(.7rem + env(safe-area-inset-bottom))}
  .mobile-preview-fab{bottom:calc(.7rem + env(safe-area-inset-bottom))}
}
@media(max-width:430px){.dashboard-finish-actions{grid-template-columns:1fr}.dashboard-finish-actions .primary{grid-column:auto}.schedule-calendar{padding:.45rem}.schedule-weekdays span{font-size:.56rem}.schedule-day{font-size:.72rem}}
.admin-plan-control{display:grid;gap:.25rem;margin-top:.45rem;font-size:.72rem;text-align:left}.admin-plan-control select{min-width:12rem;font-size:.78rem;padding:.48rem .55rem}

/* MGLS_048: explicit event time picker so :00 is always available on every device/browser. */
.event-time-field{min-width:0}.event-time-label{display:block;font-weight:700;margin-bottom:.45rem}.event-time-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:.45rem;align-items:end}.event-time-picker label{min-width:0}.event-time-picker label>span{display:block;font-size:.76rem;opacity:.82;margin-bottom:.25rem}.event-time-picker select{width:100%;min-width:0}.event-time-picker select:disabled{opacity:.55}
@media (max-width:560px){.event-time-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.event-time-picker select{padding-left:.55rem;padding-right:.35rem}}

/* MGLS_048 free-plan fallback */
.free-plan-editor-notice,.free-gallery-notice{border:1px solid rgba(196,147,76,.55);background:rgba(196,147,76,.08);border-radius:.8rem;padding:1rem}.free-plan-editor-notice{display:grid;gap:.35rem;margin-top:.8rem}.free-gallery-notice{max-width:none;margin:1rem 0}.free-gallery-notice h3{margin:.15rem 0}.free-saved-link{opacity:.62}.membership-pricing{flex-wrap:wrap}.free-fallback-copy{margin:.35rem 0 0}

/* MGLS_049 compact admin desk + two-way member messaging */
.admin-dashboard-heading{margin-bottom:.8rem}.admin-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0 0 1.1rem}.admin-overview-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"count label" "count detail";column-gap:.7rem;align-items:center;text-align:left;border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(145deg,rgba(24,20,31,.96),rgba(10,9,14,.96));color:var(--ink);padding:.75rem .85rem;cursor:pointer}.admin-overview-card:hover,.admin-overview-card:focus-visible{border-color:#54c89a}.admin-overview-card strong{grid-area:count;font-size:1.65rem;color:#65ddb0;line-height:1}.admin-overview-card span{grid-area:label;font-weight:800}.admin-overview-card small{grid-area:detail;color:var(--muted);font-size:.7rem}.admin-work-section{margin:1rem 0}.admin-section-title{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:.6rem 0}.admin-section-title h2{margin:.1rem 0;font-size:1.55rem}.admin-filter-bar{display:grid;grid-template-columns:2fr repeat(4,minmax(8rem,1fr)) auto;gap:.55rem;align-items:end;padding:.7rem;margin-bottom:.75rem}.admin-filter-bar label{font-size:.72rem}.admin-filter-bar input,.admin-filter-bar select{padding:.55rem .6rem;font-size:.8rem}.admin-filter-bar button{min-height:39px;padding:.5rem .7rem}.admin-member-groups{display:grid;gap:.55rem}.admin-tier-group,.admin-main-details,.admin-inbox-thread{border:1px solid var(--line);border-radius:.75rem;background:rgba(13,11,18,.78);overflow:hidden}.admin-tier-group>summary,.admin-main-details>summary,.admin-inbox-thread>summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem;list-style:none;padding:.7rem .85rem;cursor:pointer}.admin-tier-group>summary::-webkit-details-marker,.admin-main-details>summary::-webkit-details-marker,.admin-inbox-thread>summary::-webkit-details-marker,.admin-member-row>summary::-webkit-details-marker{display:none}.admin-tier-group>summary>span:first-child,.admin-main-details>summary>span:first-child,.admin-inbox-thread>summary>span:first-child{display:grid;gap:.05rem}.admin-tier-group>summary small,.admin-main-details>summary small,.admin-inbox-thread>summary small{color:var(--muted);font-size:.72rem}.admin-chevron{font-size:1.15rem;color:#b99acb;transition:transform .15s}.admin-tier-group[open]>summary .admin-chevron,.admin-main-details[open]>summary .admin-chevron,.admin-inbox-thread[open]>summary .admin-chevron,.admin-member-row[open]>summary .admin-chevron{transform:rotate(180deg)}.admin-tier-members{display:grid;gap:.4rem;padding:.45rem;border-top:1px solid rgba(255,255,255,.07)}.admin-empty-tier{padding:.45rem;margin:0}.admin-member-row{margin:0;overflow:hidden;border-radius:.6rem;box-shadow:none}.admin-member-row>summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;align-items:center;gap:.65rem;list-style:none;padding:.45rem .55rem;cursor:pointer;min-height:52px}.admin-member-row>summary:hover{background:rgba(255,255,255,.025)}.admin-member-thumb{display:grid;place-items:center;width:38px;height:38px;border-radius:.45rem;overflow:hidden;border:1px solid var(--line);background:#08070c;font-weight:900;font-size:.72rem}.admin-member-thumb img{width:100%;height:100%;object-fit:cover}.admin-member-summary-main{min-width:0;display:grid}.admin-member-summary-main strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-member-summary-main small{font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-member-summary-badges{display:flex;gap:.3rem;justify-content:flex-end;flex-wrap:wrap}.admin-member-summary-badges .tag{font-size:.61rem;padding:.12rem .38rem}.admin-unread-tag,.admin-unread-dot{border-color:#45d68f!important;color:#8ff1bd!important;background:rgba(41,190,118,.12)}.admin-member-expanded{padding:.7rem;border-top:1px solid rgba(255,255,255,.08);background:#09080d}.admin-member-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.7rem;color:var(--muted);margin-bottom:.65rem}.admin-control-layout{display:grid;grid-template-columns:minmax(18rem,.7fr) minmax(15rem,1.3fr);gap:.65rem;align-items:stretch}.admin-control-pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;padding:.6rem;border:1px solid var(--line);border-radius:.65rem;background:#0e0c13}.admin-control-pad>strong{grid-column:1/-1;font-size:.78rem}.admin-control-pad label{font-size:.66rem}.admin-control-pad select{padding:.45rem;font-size:.72rem}.admin-control-pad button,.admin-control-pad a{min-height:36px;padding:.42rem .5rem;font-size:.69rem;border-radius:.42rem}.admin-reason-box{font-size:.7rem}.admin-reason-box textarea{height:100%;min-height:116px;font-size:.76rem;resize:vertical}.admin-compact-subsection{margin-top:.65rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.08)}.admin-subheading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;font-size:.78rem}.admin-thumb-grid{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.25rem}.admin-thumb-card{flex:0 0 92px;display:grid;gap:.25rem;border:1px solid var(--line);border-radius:.55rem;padding:.35rem;background:#07060a}.admin-thumb-card.needs-review{border-color:#c69a58}.admin-thumb-open{border:0;padding:0;background:#050407;border-radius:.4rem;overflow:hidden;cursor:zoom-in}.admin-thumb-open img{display:block;width:84px;height:66px;object-fit:contain}.admin-thumb-card>div:nth-child(2){display:grid;min-width:0}.admin-thumb-card strong{font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-thumb-card small{font-size:.57rem;color:var(--muted)}.admin-thumb-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.25rem}.admin-thumb-actions button{min-height:28px;padding:.15rem;font-size:.68rem}.admin-thread-list{display:grid;gap:.45rem;padding:.55rem;border-top:1px solid rgba(255,255,255,.07)}.admin-inbox-body{padding:.55rem;border-top:1px solid rgba(255,255,255,.07)}.admin-member-thread{display:grid;gap:.4rem;max-height:18rem;overflow:auto;padding:.35rem 0}.admin-message-bubble,.member-message-bubble{max-width:88%;padding:.5rem .6rem;border:1px solid var(--line);border-radius:.65rem;background:#0d0b12}.admin-message-bubble.from-admin,.member-message-bubble.from-member{justify-self:end;background:rgba(108,49,136,.16)}.admin-message-bubble.from-member,.member-message-bubble.from-admin{justify-self:start;background:rgba(31,153,108,.11)}.admin-message-bubble p,.member-message-bubble p{margin:.15rem 0;font-size:.78rem}.admin-message-bubble small,.member-message-bubble small{color:var(--muted);font-size:.6rem}.admin-reply-form{display:grid;gap:.4rem;margin-top:.45rem}.admin-reply-form textarea{font-size:.75rem;padding:.55rem}.admin-reply-form .button-row button{min-height:36px;padding:.4rem .65rem;font-size:.7rem}.admin-compact-list{display:grid;gap:.4rem;padding:.55rem;border-top:1px solid rgba(255,255,255,.07)}.admin-compact-item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem;border:1px solid var(--line);border-radius:.55rem;background:#0a090e}.admin-compact-item p{margin:.15rem 0;font-size:.76rem}.admin-compact-item small{color:var(--muted);font-size:.64rem}.admin-compact-item button{min-height:34px;padding:.35rem .55rem;font-size:.68rem}.admin-image-dialog{width:min(58rem,calc(100% - 1rem));padding:.7rem}.admin-image-dialog img{display:block;max-width:100%;max-height:78vh;margin:auto;object-fit:contain}.admin-image-dialog p{text-align:center}.admin-image-dialog .dialog-close{float:none;position:absolute;right:.5rem;top:.5rem}.review-pending{border-color:#c69a58!important;color:#e2ba80!important}

.admin-message-alert{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin:0 0 1rem;padding:1rem 1.1rem;border:2px solid #42dc91;border-radius:.85rem;background:linear-gradient(135deg,rgba(20,115,72,.36),rgba(10,35,26,.92));box-shadow:0 0 0 1px rgba(94,242,166,.13),0 0 28px rgba(56,211,137,.16)}.admin-message-alert .eyebrow{color:#8affbe}.admin-message-alert h3{margin:.05rem 0 .2rem;font-size:1.15rem}.admin-message-alert p{margin:.15rem 0}.admin-alert-button{border:1px solid #7cf4b6;background:#43d98e;color:#07140e;font-weight:900;border-radius:.55rem;padding:.7rem .9rem;cursor:pointer}.member-message-center{margin:0 0 1rem;padding:0;overflow:hidden}.member-message-center details>summary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;list-style:none;padding:.75rem 1rem;cursor:pointer}.member-message-center details>summary::-webkit-details-marker{display:none}.member-message-center h3{margin:.05rem 0}.member-message-center details[open] .message-chevron{transform:rotate(180deg)}.member-message-body{padding:0 1rem 1rem;border-top:1px solid rgba(255,255,255,.08)}.member-message-thread{display:grid;gap:.45rem;max-height:20rem;overflow:auto;padding:.8rem 0}.member-message-form{display:grid;gap:.55rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.75rem}.member-message-form textarea{resize:vertical}.message-badge{display:inline-grid;place-items:center;min-width:1.3rem;height:1.3rem;margin-left:.25rem;padding:0 .35rem;border-radius:99px;background:#42d98f;color:#07140e;font-size:.68rem;vertical-align:middle}.message-chevron{transition:transform .15s}.free-plan-editor-notice strong{color:#d9b477}

@media(max-width:920px){.admin-overview{grid-template-columns:repeat(2,1fr)}.admin-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-bar label:first-child{grid-column:1/-1}.admin-control-layout{grid-template-columns:1fr}}
@media(max-width:620px){.admin-panel{padding:.7rem}.admin-overview{gap:.45rem}.admin-overview-card{padding:.6rem;column-gap:.45rem}.admin-overview-card strong{font-size:1.35rem}.admin-overview-card small{font-size:.62rem}.admin-filter-bar{grid-template-columns:1fr 1fr;padding:.55rem}.admin-filter-bar label:first-child{grid-column:1/-1}.admin-filter-bar button{grid-column:1/-1}.admin-member-row>summary{grid-template-columns:38px minmax(0,1fr) 18px}.admin-member-summary-badges{grid-column:2/3;justify-content:flex-start}.admin-member-row>summary>.admin-chevron{grid-column:3;grid-row:1/3}.admin-control-pad{grid-template-columns:1fr 1fr}.admin-control-pad label{grid-column:1/-1}.admin-message-alert{grid-template-columns:1fr}.admin-alert-button{width:100%}.admin-compact-item{align-items:flex-start;flex-direction:column}.admin-compact-item button{width:100%}.admin-message-bubble,.member-message-bubble{max-width:94%}}
.admin-member-directory-body{padding:.65rem;border-top:1px solid rgba(255,255,255,.07)}
.admin-compact-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}


/* MGLS_050 — aligned public showcase cards */
.profile-detail .gallery{align-items:stretch}
.showcase-card{display:grid;grid-template-rows:auto 1fr;height:100%}
.showcase-card figcaption{display:grid;grid-template-rows:minmax(2.45em,auto) auto minmax(5.2em,1fr) minmax(2.15em,auto);gap:.34rem;height:100%;padding:.58rem .6rem .62rem}
.showcase-title{display:flex;align-items:flex-start;justify-content:center;text-align:center;min-width:0}
.showcase-title strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;max-width:100%}
.showcase-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);margin:.08rem 0}
.showcase-description{min-width:0;align-self:start}
.showcase-description span:not(.showcase-description-empty){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;line-height:1.3}
.showcase-action{display:flex;align-items:flex-end;justify-content:center;min-height:2.15em;border-top:1px solid rgba(255,255,255,.08);padding-top:.38rem;margin-top:.05rem;text-align:center}
.work-link{margin-top:0;line-height:1.2}
.work-link-placeholder{display:block;min-height:1.2em}
.field-count{float:right;color:var(--muted);font-size:.78rem;font-weight:700}
@media(max-width:720px){
  .showcase-card figcaption{grid-template-rows:minmax(2.7em,auto) auto minmax(6.2em,1fr) minmax(2.35em,auto);padding:.52rem .48rem .55rem;gap:.3rem}
  .showcase-title strong{-webkit-line-clamp:2}
  .showcase-description span:not(.showcase-description-empty){-webkit-line-clamp:5}
  .showcase-action{font-size:.92em}
}
.profile-detail[data-preview-mode="phone"] .showcase-card figcaption{grid-template-rows:minmax(2.7em,auto) auto minmax(6.2em,1fr) minmax(2.35em,auto);padding:.52rem .48rem .55rem;gap:.3rem}


/* MGLS_051 — launch-polish aesthetic pass */
.artist-parade{scroll-snap-type:none!important;scroll-behavior:auto;overscroll-behavior-inline:none;padding-inline:1rem}
.parade-card{scroll-snap-align:none!important}
.parade-avatar,.creator-card-avatar{overflow:hidden;position:relative}
.parade-avatar img,.creator-card-avatar img{transition:filter .2s ease,mask-image .2s ease,-webkit-mask-image .2s ease}
.parade-avatar img.image-polish,.creator-card-avatar img.image-polish,.carousel-crop-stage img.image-polish{filter:brightness(1.06) contrast(1.06) saturate(1.04)}
.parade-avatar img.soften-edges,.creator-card-avatar img.soften-edges,.carousel-crop-stage img.soften-edges{-webkit-mask-image:radial-gradient(ellipse at center,#000 62%,rgba(0,0,0,.92) 72%,transparent 100%);mask-image:radial-gradient(ellipse at center,#000 62%,rgba(0,0,0,.92) 72%,transparent 100%)}
.carousel-choice-prompt{margin:.35rem 0 .45rem;color:#eee5f0}.carousel-polish-options{display:grid;gap:.55rem;padding:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:.65rem;background:rgba(255,255,255,.025)}
.gallery-watermark-controls{display:grid;gap:.7rem;padding:.8rem;margin:.85rem 0;border:1px solid rgba(198,154,88,.35);border-radius:.7rem;background:rgba(198,154,88,.055)}.watermark-options{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.8rem}.gallery-watermark{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:88%;padding:.1em .28em;color:#a9a9a9;opacity:var(--watermark-opacity,.45);font:800 clamp(.72rem,2.4vw,1.2rem)/1.05 Arial,sans-serif;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.55);pointer-events:none;white-space:nowrap}.showcase-frame{position:relative}.gallery-watermark.watermark-tilt-left{transform:translate(-50%,-50%) rotate(-28deg)}.gallery-watermark.watermark-tilt-right{transform:translate(-50%,-50%) rotate(28deg)}.gallery-watermark.watermark-bottom{top:auto;bottom:7%;transform:translateX(-50%)}
.artist-spectrum{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:2rem;align-items:center;max-width:96rem;margin:2rem auto 0;padding:clamp(3.2rem,7vw,6rem) clamp(1rem,5vw,5rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 20%,rgba(154,63,196,.18),transparent 28%),radial-gradient(circle at 86% 26%,rgba(45,183,129,.15),transparent 26%),radial-gradient(circle at 63% 85%,rgba(194,145,77,.13),transparent 24%),linear-gradient(135deg,#0b0910,#08070c)}
.artist-spectrum:before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(circle at 18% 24%,rgba(178,78,218,.28) 0 1.4rem,transparent 4.5rem),radial-gradient(circle at 82% 32%,rgba(52,194,140,.24) 0 1.2rem,transparent 4rem),radial-gradient(circle at 42% 76%,rgba(202,155,85,.22) 0 1.25rem,transparent 4.4rem),radial-gradient(circle at 72% 72%,rgba(111,66,179,.18) 0 1rem,transparent 3.8rem);filter:blur(8px)}
.artist-spectrum-copy h2{font-size:clamp(2.4rem,5vw,5rem);line-height:.95;margin:.2rem 0 1rem;background:linear-gradient(100deg,#c767eb,#f4eef5 38%,#53d6a6 68%,#d1a65e);color:transparent;background-clip:text;-webkit-background-clip:text}.artist-spectrum-copy p{max-width:36rem;color:#d3cbd6}.artist-light-field{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;padding:1rem}.artist-light-field span{display:grid;place-items:center;min-width:7.2rem;aspect-ratio:1/1;padding:.7rem;border-radius:50%;text-align:center;font-weight:900;font-size:.84rem;line-height:1.08;color:#fff;border:1px solid rgba(255,255,255,.19);box-shadow:inset 0 0 28px rgba(255,255,255,.04),0 0 34px rgba(126,64,164,.11);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.13),rgba(123,50,158,.25) 35%,rgba(20,14,27,.94) 74%)}.artist-light-field span:nth-child(3n+2){background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.13),rgba(32,153,108,.27) 35%,rgba(11,25,19,.94) 74%)}.artist-light-field span:nth-child(3n){background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.13),rgba(180,128,55,.27) 35%,rgba(27,20,12,.94) 74%)}.artist-light-field span:nth-child(4n){transform:translateY(.7rem)}.artist-light-field span:nth-child(5n){transform:translateY(-.55rem)}
.about-page{max-width:78rem;margin:auto;padding:clamp(2rem,5vw,4.5rem) clamp(1rem,5vw,4rem)}.about-hero{padding:clamp(2rem,6vw,5rem) 0 2rem}.about-hero h1{font-size:clamp(3rem,7vw,6.6rem);line-height:.92;margin:.25rem 0 1rem;background:linear-gradient(110deg,#bf5ce7,#f4eff6 43%,#4ed09e 72%,#c99a54);color:transparent;background-clip:text;-webkit-background-clip:text}.about-hero>p:last-child{font-size:1.2rem;color:#d8d0db;max-width:52rem}.about-story{padding:clamp(1rem,4vw,3rem);display:grid;gap:1.3rem}.about-story section{padding:clamp(1rem,3vw,2rem);border-bottom:1px solid rgba(255,255,255,.08)}.about-story section:last-of-type{border-bottom:0}.about-story h2{font-size:clamp(1.8rem,4vw,3.1rem);margin:.1rem 0 .85rem}.about-story p{color:#d0c8d3;max-width:68rem}.about-signoff{display:grid;gap:.35rem;padding:clamp(1.3rem,3vw,2.2rem);text-align:center}.about-signoff strong{font:800 clamp(1.6rem,4vw,2.6rem)/1.1 var(--display-font)}.about-signoff span{color:#60d8ac;font-weight:800}.about-signoff .primary{justify-self:center;margin-top:.75rem}
.admin-dashboard-heading{align-items:center}.admin-public-return{white-space:nowrap}.admin-broadcast-form{display:grid;grid-template-columns:minmax(12rem,.6fr) minmax(14rem,.9fr);gap:.7rem;padding:.75rem;border-top:1px solid rgba(255,255,255,.07)}.admin-broadcast-message{grid-column:1/-1}.admin-broadcast-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.admin-control-pad [data-complimentary].primary{border-color:#61dfaa;background:linear-gradient(135deg,#35c58b,#1d9568);color:#06120c}
@media(max-width:720px){.watermark-options{grid-template-columns:1fr}.artist-spectrum{grid-template-columns:1fr;padding:2.4rem 1rem 2.7rem}.artist-spectrum-copy{text-align:center}.artist-spectrum-copy .button-row{justify-content:center}.artist-light-field{gap:.5rem;padding:.4rem}.artist-light-field span{min-width:5.2rem;font-size:.7rem}.artist-light-field span:nth-child(4n),.artist-light-field span:nth-child(5n){transform:none}.admin-dashboard-heading{display:grid;grid-template-columns:1fr;margin-bottom:.75rem}.admin-public-return{width:100%;min-height:44px}.admin-broadcast-form{grid-template-columns:1fr}.admin-broadcast-message,.admin-broadcast-actions{grid-column:auto}.admin-broadcast-actions{align-items:stretch;flex-direction:column}.admin-broadcast-actions button{width:100%}}

@media(max-width:720px){#publicView>.artist-spectrum{order:6}}

/* MGLS_053 — Parade repair + softer festive artist field */
.artist-spectrum{
  grid-template-columns:1fr;
  gap:1.25rem;
  text-align:center;
  padding:clamp(2.6rem,6vw,4.8rem) clamp(1rem,5vw,4rem) clamp(3rem,7vw,5.2rem);
  background:
    radial-gradient(circle at 8% 24%,rgba(160,66,205,.18) 0 3px,rgba(160,66,205,.08) 5px,transparent 20px),
    radial-gradient(circle at 18% 72%,rgba(44,193,139,.16) 0 4px,rgba(44,193,139,.07) 7px,transparent 24px),
    radial-gradient(circle at 35% 34%,rgba(201,151,78,.15) 0 3px,rgba(201,151,78,.06) 6px,transparent 22px),
    radial-gradient(circle at 56% 78%,rgba(135,72,188,.17) 0 5px,rgba(135,72,188,.06) 8px,transparent 28px),
    radial-gradient(circle at 72% 28%,rgba(48,190,137,.15) 0 4px,rgba(48,190,137,.06) 7px,transparent 25px),
    radial-gradient(circle at 90% 68%,rgba(201,151,78,.14) 0 3px,rgba(201,151,78,.05) 6px,transparent 22px),
    linear-gradient(180deg,#0a0810,#08070c 52%,#09080d);
}
.artist-spectrum:before{
  inset:-8%;
  background:
    radial-gradient(ellipse at 16% 36%,rgba(157,63,205,.12),transparent 24%),
    radial-gradient(ellipse at 82% 30%,rgba(41,183,130,.10),transparent 24%),
    radial-gradient(ellipse at 54% 82%,rgba(198,148,76,.09),transparent 23%);
  filter:blur(14px);
}
.artist-spectrum-copy{max-width:48rem;margin:0 auto}
.artist-spectrum-copy h2{
  margin:.2rem 0 .55rem;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(1.9rem,3.4vw,3.25rem);
  line-height:1.05;
  font-weight:760;
  letter-spacing:-.035em;
  color:#d9c6e4;
  background:none;
  -webkit-text-fill-color:initial;
  text-shadow:0 0 24px rgba(155,70,198,.16);
}
.artist-spectrum-copy>p:last-child{margin:.35rem auto 0;max-width:34rem;color:#bfb6c4;font-size:.96rem}
.artist-light-field{
  display:grid;
  grid-template-columns:repeat(7,minmax(6.6rem,1fr));
  gap:.05rem .35rem;
  width:min(78rem,100%);
  margin:.15rem auto 0;
  padding:.15rem;
  align-items:center;
}
.artist-light-field span{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:4.7rem;
  aspect-ratio:auto;
  padding:.65rem .35rem;
  border:0;
  border-radius:0;
  background:none!important;
  box-shadow:none;
  color:#c987e8;
  font-size:clamp(.74rem,1vw,.93rem);
  font-weight:720;
  line-height:1.08;
  letter-spacing:.005em;
  text-shadow:0 0 7px rgba(190,91,230,.52),0 0 19px rgba(139,57,180,.34);
  transform:none;
}
.artist-light-field span::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:50%;
  width:118%;height:92%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(151,58,195,.22) 0%,rgba(151,58,195,.10) 34%,rgba(151,58,195,.035) 52%,transparent 72%);
  filter:blur(5px);
  pointer-events:none;
}
.artist-light-field span:nth-child(3n+2){color:#73ddb6;text-shadow:0 0 7px rgba(74,205,157,.46),0 0 19px rgba(35,139,101,.32)}
.artist-light-field span:nth-child(3n+2)::before{background:radial-gradient(ellipse at center,rgba(38,180,128,.20) 0%,rgba(38,180,128,.09) 35%,rgba(38,180,128,.03) 54%,transparent 73%)}
.artist-light-field span:nth-child(3n){color:#d6aa69;text-shadow:0 0 7px rgba(209,164,96,.45),0 0 19px rgba(153,107,46,.30)}
.artist-light-field span:nth-child(3n)::before{background:radial-gradient(ellipse at center,rgba(194,145,77,.20) 0%,rgba(194,145,77,.085) 35%,rgba(194,145,77,.03) 54%,transparent 73%)}
.artist-light-field span:nth-child(2){transform:translateY(.55rem)}
.artist-light-field span:nth-child(4){transform:translateY(-.3rem)}
.artist-light-field span:nth-child(6){transform:translateY(.7rem)}
.artist-light-field span:nth-child(8){transform:translateY(-.55rem)}
.artist-light-field span:nth-child(10){transform:translateY(.4rem)}
.artist-light-field span:nth-child(12){transform:translateY(-.35rem)}
.artist-light-field span:nth-child(14){transform:translateY(.55rem)}

@media(max-width:960px){
  .artist-light-field{grid-template-columns:repeat(4,minmax(6.2rem,1fr));gap:.05rem .2rem}
}
@media(max-width:720px){
  .artist-spectrum{padding:2.3rem .8rem 2.7rem;gap:.85rem}
  .artist-spectrum-copy h2{font-size:1.9rem}
  .artist-spectrum-copy>p:last-child{font-size:.88rem;padding:0 .45rem}
  .artist-light-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:-.1rem .1rem;width:min(24rem,100%)}
  .artist-light-field span{min-height:3.9rem;font-size:.78rem;padding:.45rem .2rem}
  .artist-light-field span:nth-child(2n){transform:translateY(.35rem)}
  .artist-light-field span:nth-child(3n){transform:translateY(-.2rem)}
}

/* MGLS_053 — compact member dashboard utilities + refined gallery watermark */
.dashboard-utility-card,
.carousel-image-card{
  margin:.55rem 0;
}
.dashboard-utility-card{
  display:block;
  padding:0;
  overflow:hidden;
}
.dashboard-utility-card>summary,
.carousel-image-details>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  list-style:none;
  padding:.72rem .9rem;
  cursor:pointer;
  min-height:58px;
}
.dashboard-utility-card>summary::-webkit-details-marker,
.carousel-image-details>summary::-webkit-details-marker{display:none}
.dashboard-utility-card>summary>span:first-child,
.carousel-image-details>summary>span:first-child{display:grid;gap:.04rem;min-width:0}
.dashboard-utility-card>summary .eyebrow,
.carousel-image-details>summary .eyebrow{margin:0 0 .08rem}
.dashboard-utility-card>summary h3,
.carousel-image-details>summary h3{margin:0;font-family:var(--display-font);font-size:1.02rem;line-height:1.15}
.dashboard-summary-note{margin:.12rem 0 0!important;color:var(--muted);font-size:.73rem;line-height:1.25}
.dashboard-utility-chevron{flex:0 0 auto;color:#c6a1d8;font-size:1.18rem;transition:transform .16s ease}
.dashboard-utility-card[open]>summary .dashboard-utility-chevron,
.carousel-image-details[open]>summary .dashboard-utility-chevron{transform:rotate(180deg)}
.dashboard-utility-body,
.carousel-image-collapsible{border-top:1px solid rgba(255,255,255,.08);padding:.8rem .9rem .9rem}
.share-studio-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;align-items:end}
.share-studio-card{grid-template-columns:none;align-items:initial;gap:0;padding:0;margin:.55rem 0}
.membership-card{display:block;padding:0;margin:.55rem 0;align-items:initial}
.membership-body{display:grid;gap:.62rem}
.membership-body>p{margin:0}
.membership-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;text-align:left;font-size:.76rem}
.membership-pricing span{min-width:0;padding:.48rem .55rem;line-height:1.25;overflow-wrap:anywhere}
.membership-note{grid-column:auto;border-top:1px solid rgba(255,255,255,.09);padding-top:.55rem}
.free-fallback-copy{margin:0!important}
.member-message-center{margin:.55rem 0}
.carousel-image-card{padding:0;overflow:hidden}
.carousel-image-details{display:block}
.carousel-image-collapsible{padding:.9rem}
.carousel-image-collapsible .carousel-image-editor{margin-top:.75rem}

/* Watermark: elegant, thin, and protective without trampling the artwork. */
.gallery-watermark{
  padding:.05em .2em;
  color:#aaa;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:clamp(.64rem,2vw,1.05rem);
  font-weight:400;
  line-height:1;
  letter-spacing:.055em;
  text-shadow:0 1px 1px rgba(0,0,0,.28);
}

@media(max-width:720px){
  .dashboard-utility-card,
  .member-message-center,
  .carousel-image-card{margin:.42rem 0}
  .dashboard-utility-card>summary,
  .member-message-center details>summary,
  .carousel-image-details>summary{padding:.62rem .72rem;min-height:54px}
  .dashboard-utility-body,
  .carousel-image-collapsible{padding:.72rem}
  .share-studio-body{grid-template-columns:1fr}
  .share-studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
  .share-studio-actions button{width:100%;min-height:42px;padding:.52rem .58rem;font-size:.76rem}
  .studio-share-address{font-size:.72rem;padding:.48rem .55rem}
  .membership-pricing{grid-template-columns:1fr;gap:.32rem}
  .membership-pricing span{font-size:.72rem;padding:.42rem .5rem}
  .carousel-image-details>summary .dashboard-summary-note{max-width:17rem}
}

/* MGLS_054 — keep Founding Member heading and copy visually separated. */
.founding-rate-lock{display:block;line-height:1.45}
.founding-rate-lock strong{display:block;margin:0 0 .35rem;line-height:1.25}
.founding-rate-lock span{display:block}

/* MGLS_055 — member Studio dashboard reorganization: buffet, not salad. */
.dashboard-guide-card,
.studio-section{
  display:block;
  padding:0;
  margin:.48rem 0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:.78rem;
  background:rgba(13,11,18,.84);
}
.dashboard-guide-card>summary,
.studio-section>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:58px;
  padding:.68rem .85rem;
  list-style:none;
  cursor:pointer;
}
.dashboard-guide-card>summary::-webkit-details-marker,
.studio-section>summary::-webkit-details-marker{display:none}
.dashboard-guide-card>summary>span:first-child,
.studio-section>summary>span:first-child{display:grid;gap:.03rem;min-width:0}
.dashboard-guide-card>summary .eyebrow,
.studio-section>summary .eyebrow{margin:0 0 .06rem;font-size:.62rem;letter-spacing:.13em}
.dashboard-guide-card>summary h3,
.studio-section>summary h3{margin:0;font-family:var(--display-font);font-size:1.02rem;line-height:1.16}
.dashboard-guide-card>summary .dashboard-summary-note,
.studio-section>summary .dashboard-summary-note{margin:.1rem 0 0!important;max-width:48rem;color:var(--muted);font-size:.72rem;line-height:1.25}
.studio-section-chevron{flex:0 0 auto;color:#c6a1d8;font-size:1.16rem;transition:transform .16s ease}
.dashboard-guide-card[open]>summary .dashboard-utility-chevron,
.studio-section[open]>summary .studio-section-chevron{transform:rotate(180deg)}
.dashboard-guide-body,
.studio-section-body{padding:.78rem .85rem .9rem;border-top:1px solid rgba(255,255,255,.08)}
.dashboard-guide-card{border-color:rgba(90,216,164,.34);background:linear-gradient(135deg,rgba(24,55,46,.30),rgba(13,11,18,.90))}
.dashboard-guide-card>summary .eyebrow{color:#79deb3}
.dashboard-guide-steps{display:grid;gap:.48rem;margin:0;padding-left:1.25rem}
.dashboard-guide-steps li{padding-left:.14rem;color:var(--muted);font-size:.76rem;line-height:1.42}
.dashboard-guide-steps li strong{display:inline;color:#fff;margin-right:.35rem;font-size:.78rem}
.dashboard-guide-steps li span{color:var(--muted)}

/* The profile form is only a data container now; each editing area is its own compact drawer. */
.studio-builder-form{display:block;margin:0;padding:0;background:none;border:0;box-shadow:none}
.studio-builder-form>.studio-section{width:100%}
.studio-builder-form>.sticky-actions{margin-top:.65rem}

/* Remove the extra card shell around the already-collapsible Parade image. */
.carousel-image-card{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:.48rem 0!important}
.carousel-image-card>.studio-section{margin:0}
.carousel-image-details>summary{padding:.68rem .85rem!important;min-height:58px!important}
.carousel-image-collapsible{padding:.78rem .85rem .9rem!important}

/* Inside a drawer, old customizer wrappers should no longer look like another giant card. */
.studio-section-body>.customizer-block,
.studio-section-body>.event-schedule-editor,
.studio-section-body>.music-customizer,
.studio-section-body>.gallery-watermark-section{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
.studio-section-body>p:first-child{margin-top:0}

/* Text is one top-level drawer; individual text targets stay compact until opened. */
#textStyleEditors{gap:.42rem}
.text-style-card{border-radius:.55rem}
.text-style-card summary{min-height:45px;padding:.5rem .65rem;font-size:.78rem}
.text-style-card summary .font-sample{font-size:1rem;font-weight:500}
.style-editor-body{gap:.62rem;padding:.68rem}
.style-demo{min-height:0;padding:.5rem .6rem;font-size:1rem}
.font-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem}
.font-choice{min-height:2.8rem!important;padding:.35rem .45rem!important;display:flex!important;align-items:center;justify-content:space-between;gap:.45rem;border-radius:.45rem}
.font-choice span{font-size:.63rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.font-choice small{font-size:.88rem!important;white-space:nowrap}

/* Gallery upload should look like a section, not a separate page below the editor. */
#galleryImagesSection .upload-form{margin-top:.7rem}
#galleryImagesSection .artwork-list{margin-top:.55rem}

/* Keep save controls obvious without making every section shout. */
.studio-builder-form>.sticky-actions{position:sticky;bottom:.4rem;padding:.58rem;border-radius:.65rem}

@media(max-width:720px){
  .dashboard-guide-card,
  .studio-section{margin:.36rem 0;border-radius:.66rem}
  .dashboard-guide-card>summary,
  .studio-section>summary,
  .carousel-image-details>summary{min-height:52px!important;padding:.56rem .65rem!important}
  .dashboard-guide-card>summary h3,
  .studio-section>summary h3{font-size:.94rem}
  .dashboard-guide-card>summary .dashboard-summary-note,
  .studio-section>summary .dashboard-summary-note{font-size:.67rem;line-height:1.2;max-width:17rem}
  .dashboard-guide-body,
  .studio-section-body,
  .carousel-image-collapsible{padding:.65rem!important}
  .dashboard-guide-steps{gap:.42rem;padding-left:1.05rem}
  .dashboard-guide-steps li{font-size:.7rem}
  .dashboard-guide-steps li strong{font-size:.72rem}
  .font-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}
  .font-choice{min-height:2.65rem!important}
  .style-control-grid,.three-col,.range-grid,.background-upload-grid{grid-template-columns:1fr}
  .studio-builder-form>.sticky-actions{position:static;display:grid;grid-template-columns:1fr;gap:.4rem;padding:.5rem;margin-top:.5rem}
  .studio-builder-form>.sticky-actions button{width:100%;min-height:42px}
  #mobilePreviewButton{font-weight:900}
}

/* MGLS 056 — top-to-bottom Studio builder + Hero image system */
.profile-detail{background:#08070c}
.profile-detail:before,.profile-detail:after{content:none!important;display:none!important}
.studio-hero{position:relative;width:100%;min-height:clamp(12rem,28vw,24rem);overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);background:#09080d}
.studio-hero-image{display:block;width:100%;height:clamp(12rem,28vw,24rem);object-fit:var(--hero-fit,cover);object-position:var(--hero-position,center center);background:#050507}
.studio-hero-fallback{display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 20% 25%,rgba(126,63,156,.2),transparent 33%),radial-gradient(circle at 82% 70%,rgba(38,130,91,.16),transparent 32%),linear-gradient(145deg,#111018,#050507)}
.studio-hero-fallback:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);pointer-events:none}
.studio-hero-fallback span{position:relative;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,5vw,4.8rem);font-weight:500;letter-spacing:.02em;color:#eee8ef;text-align:center;text-shadow:0 3px 16px rgba(0,0,0,.72)}
.profile-content{position:relative;isolation:isolate;background:var(--profile-bg);overflow:hidden}
.profile-content:before{content:"";position:absolute;inset:0;z-index:-2;background-color:var(--profile-bg);background-image:var(--studio-bg-desktop);background-size:var(--studio-bg-size-desktop,cover);background-repeat:var(--studio-bg-repeat-desktop,no-repeat);background-position:var(--studio-bg-position-desktop,center);opacity:var(--studio-bg-opacity,1)}
.profile-content:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--studio-overlay-color,#000);opacity:var(--studio-overlay-opacity,.12);pointer-events:none}
.profile-detail[data-preview-mode="phone"] .studio-hero,.profile-detail[data-preview-mode="phone"] .studio-hero-image{min-height:11rem;height:11rem}
.profile-detail[data-preview-mode="phone"] .profile-content:before{background-image:var(--studio-bg-mobile,var(--studio-bg-desktop));background-size:var(--studio-bg-size-mobile,var(--studio-bg-size-desktop,cover));background-repeat:var(--studio-bg-repeat-mobile,var(--studio-bg-repeat-desktop,no-repeat));background-position:var(--studio-bg-position-mobile,var(--studio-bg-position-desktop,center))}
.hero-upload-card{display:grid;gap:.85rem;border:1px solid var(--line);border-radius:.72rem;padding:.85rem;background:#0b0910}
.hero-fit-controls{align-items:start}
.section-design-tools{margin-top:.85rem;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;background:rgba(0,0,0,.18)}
.section-design-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:.7rem;cursor:pointer;padding:.7rem .78rem;font-weight:800;color:#e8ddef}
.section-design-tools>summary::-webkit-details-marker{display:none}
.section-design-body{padding:.75rem;border-top:1px solid rgba(255,255,255,.08)}
#galleryWatermarkHome>.studio-section-body{padding:.7rem 0 0;border-top:0}
.studio-builder-form{display:grid;gap:.15rem}
.dashboard-editor>.studio-section{width:100%}
@media(max-width:720px){
  .studio-hero,.studio-hero-image{min-height:10.5rem;height:10.5rem}
  .hero-fit-controls{grid-template-columns:1fr}
  .section-design-body{padding:.62rem}
}
.profile-content{background:transparent}

/* MGLS_066 — consolidated Artist Parade treatment.
   One real background asset, confined to the Parade section on desktop + phone.
   No CSS dot strings, colored rules, bead-circle rows, or gradient-smear experiments. */

/* Keep the old search question-mark decoration removed. */
.search-panel:after{
  content:""!important;
  width:min(32rem,48vw)!important;
  height:10rem!important;
  right:-2rem!important;
  top:.35rem!important;
  font-size:0!important;
  opacity:.72!important;
  background:
    radial-gradient(ellipse at 16% 48%,rgba(174,74,216,.24),transparent 34%),
    radial-gradient(ellipse at 50% 20%,rgba(199,151,77,.17),transparent 31%),
    radial-gradient(ellipse at 84% 50%,rgba(43,185,132,.22),transparent 34%)!important;
  filter:blur(16px)!important;
}

.parade-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  max-width:96rem;
  padding-top:2.15rem;
  padding-bottom:1.55rem;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.05);
  background:#08070c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16);
}

/* The same real artwork supplies the festive top and bottom of the section.
   This keeps beads/lights visible even when the carousel cards cover the middle. */
.parade-section:before,
.parade-section:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:-1;
  pointer-events:none;
  background-image:url('/assets/parade-phone-background.webp');
  background-repeat:no-repeat;
  background-size:100% auto;
  filter:none;
}
.parade-section:before{
  top:0;
  height:54%;
  opacity:.92;
  background-position:center top;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.76) 77%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.76) 77%,transparent 100%);
}
.parade-section:after{
  bottom:0;
  height:48%;
  opacity:.88;
  background-position:center bottom;
  -webkit-mask-image:linear-gradient(to top,#000 0%,#000 54%,rgba(0,0,0,.70) 74%,transparent 100%);
  mask-image:linear-gradient(to top,#000 0%,#000 54%,rgba(0,0,0,.70) 74%,transparent 100%);
}

.parade-heading{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  text-align:center;
  gap:0;
}
.parade-heading>span{display:none}
.parade-heading h2{
  text-shadow:0 2px 18px rgba(0,0,0,.78),0 0 24px rgba(119,50,154,.18);
}

.parade-sound-row{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:2.35rem;
  margin:.06rem 0 .12rem;
}
.parade-sound-row:before,.parade-sound-row:after{display:none;content:none}
.parade-sound-toggle{
  width:2.15rem;height:2.15rem;min-width:2.15rem;padding:0;
  display:grid;place-items:center;
  border:1px solid rgba(221,182,111,.78);
  border-radius:50%;
  color:#f4e9d6;
  background:rgba(7,7,11,.84);
  box-shadow:0 0 0 3px rgba(152,64,194,.11),0 0 18px rgba(51,193,140,.14),0 8px 20px rgba(0,0,0,.40);
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.parade-sound-toggle:hover{filter:brightness(1.12);transform:translateY(-1px)}
.parade-sound-toggle:focus-visible{outline:2px solid rgba(190,92,231,.72);outline-offset:3px}
.parade-sound-icon{font-size:.76rem;line-height:1;transform:translateX(1px)}
.parade-sound-label{display:none}
.parade-sound-toggle[aria-pressed="true"] .parade-sound-icon{font-size:.72rem;transform:none}

.parade-shell{
  position:relative;
  z-index:2;
  padding:.42rem .2rem .35rem;
  border-radius:1rem;
  background:rgba(4,4,8,.26);
  box-shadow:0 12px 34px rgba(0,0,0,.20);
}
.artist-parade{position:relative;padding-top:1rem;padding-bottom:1.05rem}
.parade-card{
  background:linear-gradient(180deg,rgba(10,9,14,.90),rgba(8,7,12,.96));
  box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 24px color-mix(in srgb,var(--card-accent,#9c43d1) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(2px);
}
.parade-note{position:relative;z-index:2;text-align:center}

@media(max-width:720px){
  .search-panel:after{
    width:14rem!important;height:7rem!important;right:-3rem!important;top:.25rem!important;opacity:.62!important;
    background:
      radial-gradient(ellipse at 14% 48%,rgba(174,74,216,.22),transparent 36%),
      radial-gradient(ellipse at 52% 20%,rgba(199,151,77,.14),transparent 32%),
      radial-gradient(ellipse at 86% 52%,rgba(43,185,132,.20),transparent 36%)!important;
    filter:blur(13px)!important;
  }
  /* MGLS_076 cleanup — preserve the exact accepted MGLS_075 phone Parade treatment.
     Scale Wynnter's portrait artwork by section HEIGHT, preserve proportions, and repeat horizontally. */
  .parade-section{
    background-color:#08070c!important;
    background-image:url('/assets/parade-mobile-wynnter.png')!important;
    background-size:auto 100%!important;
    background-repeat:repeat-x!important;
    background-position:center center!important;
    min-height:0!important;
    height:auto!important;
    padding-top:1rem!important;
    padding-bottom:1rem!important;
  }
  .parade-section:before,.parade-section:after{
    display:none!important;
    content:none!important;
    background:none!important;
  }
  .parade-sound-row{min-height:2.55rem;margin:.1rem 0 .18rem}
  .parade-sound-toggle{width:2.42rem;height:2.42rem;min-width:2.42rem}
  .parade-shell{
    margin-inline:.2rem;
    padding:.45rem 0 .35rem;
    background:rgba(3,3,7,.20);
    backdrop-filter:blur(1px);
  }
  .artist-parade{padding-top:.8rem;padding-bottom:.9rem}
}

/* MGLS_068 — public Studio mood music */
.studio-music-block{display:grid;gap:.3rem;margin:0 0 1rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.11);border-radius:.7rem;background:rgba(4,4,8,.38);width:max-content;max-width:100%}
.studio-music-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:color-mix(in srgb,var(--profile-accent) 72%,white 28%)}
.studio-music-block .studio-music{margin:0}
.studio-music-volume input[type="range"]{touch-action:auto!important}
@media(max-width:720px){
  .studio-music-block{width:100%;margin-bottom:.85rem}
  .studio-music-block .studio-music{justify-content:flex-start;flex-wrap:nowrap;gap:.45rem}
  .studio-music-volume{min-width:0;flex:1}
  .studio-music-volume input[type="range"]{width:min(42vw,132px)!important;min-width:92px!important}
}


/* MGLS_070 — plain-language Studio Map */
.studio-map-card{margin:1rem 0;padding:1rem;border-color:rgba(255,255,255,.24);background:#09090b;color:#f5f5f5}
.studio-map-card .eyebrow{color:#d7d7d7}
.studio-map-copy h3{margin:.1rem 0 .25rem;font-size:1.08rem;color:#fff}
.studio-map-copy .dashboard-summary-note{margin:.1rem 0 .85rem;color:#c8c8c8}
.studio-map-layout{display:grid;grid-template-columns:minmax(15rem,22rem) minmax(0,1fr);gap:1rem;align-items:start}
.studio-map-phone{border:2px solid #e8e8e8;border-radius:1.15rem;background:#020203;padding:.55rem;display:grid;gap:.38rem;box-shadow:inset 0 0 0 3px #111}
.studio-map-block{position:relative;min-height:2.2rem;border:1px solid #858585;background:#0b0b0d;display:grid;grid-template-columns:2rem 1fr;align-items:center;gap:.45rem;padding:.45rem .55rem;color:#fff}
.studio-map-block strong{display:grid;place-items:center;width:1.55rem;height:1.55rem;border:1px solid #f3f3f3;background:#050505;color:#fff;font:700 .8rem/1 Arial,sans-serif}
.studio-map-block span{font-weight:800;font-size:.78rem;letter-spacing:.01em}
.studio-map-block small{grid-column:2;color:#bdbdbd;font-size:.64rem;margin-top:-.2rem}
.studio-map-block.map-hero{min-height:4.4rem;background:linear-gradient(#191919,#090909)}
.studio-map-block.map-music{min-height:2rem}
.studio-map-block.map-intro{min-height:4.2rem}
.studio-map-block.map-links{min-height:3.2rem;background:repeating-linear-gradient(to bottom,#0b0b0d 0 10px,#242424 10px 11px)}
.studio-map-block.map-gallery{min-height:3.5rem;background:linear-gradient(90deg,#101010 0 31%,#242424 31% 32%,#101010 32% 65%,#242424 65% 66%,#101010 66%)}
.studio-map-block.map-events{min-height:2.8rem}
.studio-map-notes{display:grid;gap:.62rem;color:#c9c9c9;font-size:.78rem;line-height:1.45}
.studio-map-notes p{margin:0;padding:.65rem .75rem;border-left:2px solid #777;background:#0c0c0e}
.studio-map-notes strong{color:#fff}
@media(max-width:720px){.studio-map-layout{grid-template-columns:1fr}.studio-map-phone{max-width:21rem;margin:0 auto;width:100%}.studio-map-card{padding:.8rem}.studio-map-notes{font-size:.72rem}}


/* MGLS_071 — automatic social shortcut row */
.social-shortcut-editor{
  margin-top:1rem;
  padding:.9rem;
  border:1px solid var(--line);
  border-radius:.75rem;
  background:rgba(255,255,255,.025);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,.55fr);
  gap:.85rem;
  align-items:end;
}
.social-shortcut-editor strong{display:block;margin-bottom:.2rem}
.social-shortcut-editor .hint{margin:0}
.profile-social-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:.42rem;
  margin:.7rem 0 .8rem;
  color:var(--social-icon-color,var(--profile-accent,#ffffff));
}
.profile-social-link{
  width:2.15rem;
  height:2.15rem;
  display:grid;
  place-items:center;
  color:inherit;
  text-decoration:none;
  border-radius:50%;
  background:color-mix(in srgb,currentColor 7%,transparent);
  transition:transform .15s ease,background .15s ease,filter .15s ease;
}
.profile-social-link:hover,.profile-social-link:focus-visible{
  transform:translateY(-1px);
  background:color-mix(in srgb,currentColor 14%,transparent);
  filter:brightness(1.08);
}
.profile-social-icon{
  display:block;
  width:1.18rem;
  height:1.18rem;
  background:currentColor;
  -webkit-mask-image:var(--social-mask);
  mask-image:var(--social-mask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

@media(max-width:720px){
  .social-shortcut-editor{grid-template-columns:1fr}
  .profile-social-links{gap:.34rem;margin:.62rem 0 .72rem}
  .profile-social-link{width:2rem;height:2rem}
  .profile-social-icon{width:1.08rem;height:1.08rem}

}




/* MGLS_085 — Parade intro structural reset.
   ONE heading + ONE music control, in normal document flow before .parade-shell.
   Fresh selectors intentionally avoid all retired Parade-heading/mobile-intro experiments.
   The accepted mobile Parade background remains owned by .parade-section above:
   height-scaled, proportional, repeat-x. */
.parade-intro{
  position:relative;
  z-index:8;
  display:grid;
  justify-items:center;
  align-items:center;
  gap:.16rem;
  width:100%;
  margin:0;
  padding:.55rem 1rem .32rem;
  text-align:center;
  opacity:1;
  visibility:visible;
}
.parade-intro-kicker{
  display:block;
  margin:0;
  color:#d6b36e;
  -webkit-text-fill-color:#d6b36e;
  font-size:.66rem;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.parade-intro h2{
  display:block;
  margin:.02rem 0 .22rem;
  padding:0;
  background:none;
  color:#f4eff6;
  -webkit-text-fill-color:initial;
  font-family:var(--display-font);
  font-size:clamp(2.1rem,4vw,3.8rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.018em;
  text-shadow:0 2px 12px rgba(0,0,0,.88);
  filter:none;
  opacity:1;
  visibility:visible;
}
.parade-word-purple{color:#c66ce8;-webkit-text-fill-color:#c66ce8}
.parade-word-green{color:#66d8af;-webkit-text-fill-color:#66d8af}
.parade-word-bronze{color:#d1a65e;-webkit-text-fill-color:#d1a65e}
.parade-intro-music{
  position:relative;
  z-index:9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  width:auto;
  min-width:108px;
  min-height:38px;
  margin:0;
  padding:.48rem .88rem;
  border:1px solid rgba(221,182,111,.92);
  border-radius:999px;
  background:#0a0810;
  color:#f4e9d6;
  -webkit-text-fill-color:#f4e9d6;
  box-shadow:0 5px 14px rgba(0,0,0,.42);
  cursor:pointer;
  opacity:1;
  visibility:visible;
}
.parade-intro-music .parade-intro-icon,
.parade-intro-music .parade-intro-label{
  display:inline!important;
  color:#f4e9d6!important;
  -webkit-text-fill-color:#f4e9d6!important;
  opacity:1!important;
  visibility:visible!important;
}
.parade-intro-music .parade-intro-icon{font-size:.72rem!important;line-height:1!important}
.parade-intro-music .parade-intro-label{font-size:.72rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}

@media(max-width:720px){
  .parade-section{
    /* Background sizing/repeat remains governed by the accepted MGLS_076 rule above. */
    padding-top:.48rem!important;
    padding-bottom:1rem!important;
  }
  .parade-intro{
    display:grid!important;
    position:relative!important;
    z-index:8!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:.5rem 1rem .3rem!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
    filter:none!important;
  }
  .parade-intro-kicker{
    display:block!important;
    margin:0!important;
    font-size:.62rem!important;
    line-height:1.25!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .parade-intro h2{
    display:block!important;
    margin:.02rem 0 .2rem!important;
    padding:0!important;
    background:none!important;
    background-image:none!important;
    font-size:clamp(1.78rem,7.8vw,2.15rem)!important;
    line-height:1.02!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
  }
  .parade-intro-music{
    display:inline-flex!important;
    position:relative!important;
    z-index:9!important;
    min-width:108px!important;
    min-height:38px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
  }
  .parade-shell{margin-top:0!important}
}

/* MGLS_087 — portrait Parade bridge bypass carried forward from 086.
   There is ONE real Parade intro. Desktop/landscape keep it directly above the carousel.
   Portrait moves that same node to the bottom of Find Your Artist, outside .parade-section. */
.parade-search-bridge{
  position:relative;
  z-index:8;
  display:grid;
  justify-items:center;
  align-items:center;
  gap:.16rem;
  width:100%;
  margin:0;
  padding:.55rem 1rem .32rem;
  text-align:center;
}
.parade-search-bridge-kicker{
  margin:0;
  color:#d6b36e;
  -webkit-text-fill-color:#d6b36e;
  font-size:.66rem;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.parade-search-bridge-title{
  margin:.02rem 0 .22rem;
  padding:0;
  background:none;
  color:#f4eff6;
  -webkit-text-fill-color:initial;
  font-family:var(--display-font);
  font-size:clamp(2.1rem,4vw,3.8rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:-.018em;
  text-shadow:0 2px 12px rgba(0,0,0,.88);
}
.parade-search-bridge-music{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.42rem;
  width:auto;
  min-width:108px;
  min-height:38px;
  margin:0;
  padding:.48rem .88rem;
  border:1px solid rgba(221,182,111,.92);
  border-radius:999px;
  background:#0a0810;
  color:#f4e9d6;
  -webkit-text-fill-color:#f4e9d6;
  box-shadow:0 5px 14px rgba(0,0,0,.42);
  cursor:pointer;
}
.parade-search-bridge-music .parade-search-bridge-icon,
.parade-search-bridge-music .parade-search-bridge-label{
  display:inline!important;
  color:#f4e9d6!important;
  -webkit-text-fill-color:#f4e9d6!important;
  opacity:1!important;
  visibility:visible!important;
}
.parade-search-bridge-icon{font-size:.72rem!important;line-height:1!important}
.parade-search-bridge-label{font-size:.72rem!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}
.parade-portrait-slot:empty{display:none}

@media(max-width:720px) and (orientation:portrait){
  /* Existing MGLS mobile ordering already places Find Your Artist before Parade. */
  .parade-portrait-slot{
    display:block;
    width:calc(100% + 2rem);
    margin:.95rem -1rem -1.25rem;
  }
  .parade-portrait-slot .parade-search-bridge{
    min-height:7.8rem;
    padding:.9rem 1rem .75rem!important;
    background-color:#08070c;
    background-image:linear-gradient(to bottom,rgba(8,7,12,.22),rgba(8,7,12,.10)),url('/assets/parade-mobile-wynnter.png');
    background-repeat:no-repeat,repeat-x;
    background-size:auto,auto 320px;
    background-position:center,center top;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:0;
    overflow:visible;
  }
  .parade-search-bridge-kicker{font-size:.62rem}
  .parade-search-bridge-title{font-size:clamp(1.78rem,7.8vw,2.15rem);line-height:1.02}
  .parade-search-bridge-music{min-width:108px;min-height:38px}
  /* The Parade itself now begins immediately with the carousel; no empty intro band. */
  .parade-section{padding-top:0!important}
  .parade-shell{margin-top:0!important}
}

#contactUsDialog{width:min(36rem,calc(100% - 1rem));max-height:92vh;overflow:auto;background:#0a0810;color:var(--ink);border:1px solid var(--line);border-radius:.9rem;padding:0;box-shadow:var(--shadow)}
#contactUsDialog::backdrop{background:rgba(0,0,0,.82)}
#contactUsDialog .form-card{position:relative}
#contactUsDialog .contact-us-close{position:absolute;right:.65rem;top:.65rem;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#08070c;color:#fff;font-size:1.35rem;cursor:pointer}


/* MGLS_097 — public Studio QR action */
.profile-public-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.profile-public-actions .secondary{min-height:44px}
#publicQrDialog .qr-preview{background:#fff}
@media(max-width:520px){.profile-public-actions{align-items:stretch}.profile-public-actions>.secondary{flex:1 1 11rem}.profile-public-actions>.text-button{padding:.55rem .15rem}}

/* MGLS_105 — branded link glyphs, sample Parade sash, and centered notices */
.mgls-link-glyph{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;margin-left:.28em;vertical-align:-.16em;flex:0 0 auto}
.mgls-link-glyph svg{display:block;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.15}
.mgls-link-glyph .glyph-purple{stroke:#9a63d3}.mgls-link-glyph .glyph-green{stroke:#39c98a}.mgls-link-glyph .glyph-brass{stroke:#b8894b}
.profile-links a,.work-link{display:inline-flex;align-items:center;justify-content:center;gap:.08em}

.sample-parade-card{position:relative;cursor:pointer;overflow:hidden}
.sample-sash{position:absolute;z-index:4;top:14px;left:-35px;width:120px;padding:5px 0;text-align:center;transform:rotate(-45deg);font-size:.66rem;font-weight:900;letter-spacing:.12em;color:#fff;background:linear-gradient(90deg,#7f45b6,#249b69,#a9793d);box-shadow:0 2px 10px rgba(0,0,0,.45);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.65)}
.sample-parade-card .secondary{pointer-events:none}

.sample-parade-dialog,.member-notice-dialog,.delete-warning-dialog{border:0;padding:0;background:transparent;color:#fff;max-width:min(92vw,560px);width:100%}
.sample-parade-dialog::backdrop,.member-notice-dialog::backdrop,.delete-warning-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(2px)}
.sample-parade-dialog{overflow:visible}
.sample-parade-dialog-content,.member-notice-card,.delete-warning-card{position:relative;border:1px solid transparent;border-radius:20px;background:linear-gradient(#09090d,#09090d) padding-box,linear-gradient(135deg,#9a63d3 0%,#39c98a 52%,#b8894b 100%) border-box;box-shadow:0 0 18px rgba(154,99,211,.22),0 0 28px rgba(57,201,138,.13),0 18px 55px rgba(0,0,0,.55);padding:24px}
.sample-parade-dialog-content h2,.member-notice-card h2,.delete-warning-card h2{margin-top:.25rem;color:#fff}
.sample-parade-dialog-content p:last-child,.delete-warning-card p:last-of-type{margin-bottom:0}
.sample-parade-dialog-close{position:absolute;z-index:5;top:10px;right:12px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#111118;color:#fff;font-size:1.45rem;line-height:1;cursor:pointer;box-shadow:0 0 10px rgba(154,99,211,.18)}
.sample-parade-dialog-close:hover,.sample-parade-dialog-close:focus-visible{border-color:#39c98a;outline:none;box-shadow:0 0 0 3px rgba(57,201,138,.15)}
.member-notice-card,.delete-warning-card{max-height:min(84vh,720px);overflow:auto}
.member-notice-card .early-access-check{margin:1rem 0}
.delete-account-intro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.delete-account-intro .hint{margin:0;max-width:46rem}
.delete-final-form{margin-top:16px}

@media(max-width:600px){
  .sample-parade-dialog,.member-notice-dialog,.delete-warning-dialog{max-width:calc(100vw - 28px)}
  .sample-parade-dialog-content,.member-notice-card,.delete-warning-card{padding:20px 18px;border-radius:18px}
  .sample-sash{top:12px;left:-39px;width:124px;font-size:.62rem}
}

/* MGLS_106 — responsive member-dashboard protection for browser zoom and narrower desktop windows.
   Keep the editor readable: stack the finish controls before they can crush the copy, and
   switch the sticky side preview to the existing Preview Studio button when horizontal room is tight. */
.dashboard-finish>div:first-child{min-width:0}
.dashboard-finish .eyebrow,.dashboard-finish h3,.dashboard-finish p{overflow-wrap:normal;word-break:normal}
@media(max-width:1400px){
  .dashboard-finish{grid-template-columns:1fr}
  .dashboard-finish-actions{justify-content:flex-start}
}
@media(max-width:1240px){
  .dashboard-workspace{grid-template-columns:minmax(0,1fr)}
  .live-preview-rail{display:none}
  .mobile-preview-fab{
    display:block;
    position:fixed;
    right:1rem;
    bottom:1rem;
    z-index:45;
    border:1px solid var(--green);
    border-radius:999px;
    padding:.72rem 1rem;
    background:#0b0810;
    color:#fff;
    box-shadow:var(--shadow);
    font-weight:800;
  }
}

/* MGLS_107 — editable gallery details without re-uploading images. */
.artwork-item-copy{min-width:0}
.artwork-item-heading{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.artwork-saved-link{overflow-wrap:anywhere;word-break:break-word}
.artwork-item-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.65rem}
.artwork-edit-toggle{min-height:40px;padding:.55rem .8rem}
.artwork-edit-form{grid-column:1/-1;display:grid;gap:.8rem;margin-top:.35rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:rgba(9,8,13,.72)}
.artwork-edit-form label{display:grid;gap:.35rem}
.artwork-edit-form input,.artwork-edit-form textarea{width:100%}
.artwork-edit-form .two-col{margin:0}
.artwork-edit-actions{margin-top:.15rem}
@media(max-width:720px){
  .artwork-item>.artwork-delete{grid-column:1/-1}
  .artwork-edit-form{grid-column:1/-1;padding:.85rem}
  .artwork-edit-form .two-col{grid-template-columns:1fr}
}