/* Scoped visual redesign. Original engine and existing control IDs are preserved. */
html{scroll-behavior:smooth;scroll-padding-top:20px}
body.clubhouse{--ink:#25193e;--muted:#695777;--line:#cab9ec;--panel:#f7f1ff;--field:#fff;--accent:#ea499f;--shadow:4px 4px 0 #0c081c;font:14px/1.55 'Segoe UI',Arial,sans-serif;color:#eee6ff;background-color:#100c21;background-image:radial-gradient(circle at 10% 8%,#35265388,transparent 33%),radial-gradient(circle at 85% 45%,#2c1b4788,transparent 38%),radial-gradient(1px 1px at 27px 36px,#cfc0ee 90%,transparent),radial-gradient(1px 1px at 117px 91px,#9682b9 90%,transparent);background-size:auto,auto,181px 157px,253px 213px;animation:none;overflow-x:clip}
.clubhouse *{box-sizing:border-box}.clubhouse button,.clubhouse input,.clubhouse select,.clubhouse textarea{font:inherit}.clubhouse a{color:inherit}.clubhouse button{touch-action:manipulation}.clubhouse :focus-visible{outline:3px solid #0f927c;outline-offset:3px}.clubhouse .app{display:block;padding:0}.clubhouse .sparkle-strip,.clubhouse .intro,.clubhouse .history{display:none}.preview-note{padding:5px 20px;text-align:center;font:10px/1.6 Consolas,monospace;letter-spacing:1px;background:#201933;color:#bdb0d4}.preview-note span{padding:0 6px;color:#e89fc7}
.clubhouse .app>header{background:none;border:0;box-shadow:none}.clubhouse .topbar{max-width:1180px;width:calc(100% - 48px);padding:22px 0;margin:auto;border-bottom:1px solid #493956;display:flex;gap:20px}.clubhouse .topbar h1{font:800 24px/1 'Segoe UI',sans-serif;letter-spacing:-1px;text-shadow:none;color:#f9ecff}.clubhouse .topbar h1 b{color:#dda6fb;font-size:30px}.brand-detail{font:10px Consolas,monospace;letter-spacing:1px;margin-left:12px;color:#b3a3c9;vertical-align:middle}.club-nav{display:flex;gap:22px;margin-left:auto;align-items:center}.club-nav a{text-decoration:none;font-size:12px;font-weight:600}.club-nav a:hover{color:#dcfe8b}.club-nav .shop-link{color:#b5a7c9;border-left:1px solid #493956;padding-left:22px}.clubhouse #guardBadge{display:none}
.club-hero{max-width:1180px;width:calc(100% - 48px);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:35px 0 33px;align-items:center}.eyebrow{color:#ddfa93;font:11px/1.5 Consolas,monospace;letter-spacing:2px;text-transform:uppercase;margin:0 0 12px}.club-hero h2{font:800 clamp(34px,4.5vw,57px)/1.05 'Segoe UI',sans-serif;letter-spacing:-2px;margin:0;color:#fff7ff}.club-hero h2 em{font-style:normal;color:#d2a1f2}.club-hero p.hero-copy{color:#bfb2cf;font-size:14px;max-width:450px;margin:15px 0 0;line-height:1.6}.hero-benefits{display:flex;gap:16px;font:11px Consolas,monospace;color:#e6d8f8;margin-top:15px}.hero-benefits span::before{content:'✦ ';color:#e4a7d1}.hero-collage{position:relative;min-height:192px;max-width:440px;margin-left:auto;width:100%;background:radial-gradient(ellipse,#8a55b025,transparent 70%)}.hero-badge{display:block;position:absolute;width:300px;height:40px;image-rendering:pixelated;box-shadow:0 4px 0 #03020966;border:1px solid #a795bd}.hero-badge:nth-child(1){top:8px;left:16px;transform:rotate(-8deg)}.hero-badge:nth-child(2){top:72px;right:6px;transform:rotate(5deg)}.hero-badge:nth-child(3){top:134px;left:18px;transform:rotate(-4deg)}.collage-star{position:absolute;font-size:46px;color:#e2fd97;right:10px;top:0;line-height:1;text-shadow:3px 3px #855bab}.collage-star.small{font-size:26px;left:0;right:auto;top:105px;color:#ee96c4}.collage-label{position:absolute;right:12px;bottom:-13px;font:10px Consolas,monospace;color:#c1b1d0;transform:rotate(-3deg)}
.clubhouse main{max-width:1180px;width:calc(100% - 48px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:22px;padding:0 0 30px;margin:auto;align-items:start}.clubhouse .panel{border:1px solid #8a70ad;background:#f7f1ff;color:var(--ink);box-shadow:4px 4px 0 #070510;border-radius:10px;overflow:hidden;min-width:0}.clubhouse .panel h2{font:700 16px/1.4 'Segoe UI',sans-serif;text-shadow:none;color:#312043;background:none;border:0;padding:0;margin:0}.window-bar{height:42px;background:#d5c1ef;border-bottom:1px solid #bca4d7;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.window-bar .window-title{font:700 12px Consolas,monospace;letter-spacing:.2px}.window-dots{color:#77518f;letter-spacing:5px;font:14px Consolas,monospace}.library-head{padding:20px 18px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.library-head small{color:#735e84;font-size:11px}.clubhouse [aria-label="Blinkie settings"]>.section{padding:0 18px 18px;border:0}.clubhouse .section.stack{gap:12px}.clubhouse input:not([type=checkbox]):not([type=range]):not([type=color]),.clubhouse select,.clubhouse textarea{border:1px solid #c6b5d6;background:#fffcff;color:#352245;border-radius:5px;min-height:40px;padding:9px 10px;max-width:100%;font-size:13px;box-shadow:none}.clubhouse input[type=search]{width:100%}.clubhouse input[type=search]::placeholder{color:#8b789d}.library-search-row{display:flex;gap:8px}.library-search-row input{flex:1;min-width:0}.library-search-row select{max-width:145px}.library-search-row label{display:block}.clubhouse label{font-size:12px;color:#564368;font-weight:600;margin-bottom:5px;display:block}.mood-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.mood-tabs button{border:1px solid transparent;border-radius:4px;background:#e9ddf2;color:#614670;padding:6px 10px;font-size:11px;min-height:32px}.mood-tabs button[aria-pressed=true]{background:#38254d;color:#fff;border-color:#38254d}.mood-tabs button:hover{border-color:#966fae}.clubhouse .templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:510px;overflow:auto;padding:9px 3px 5px}.clubhouse .template{padding:17px 8px 10px;min-height:82px;background:#fffaff;border:1px solid #ddcdea;box-shadow:none;border-radius:5px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;position:relative;transition:border-color .1s,background .1s}.clubhouse .template:hover{background:#efdfef;border-color:#9971b6}.clubhouse .template[aria-pressed=true]{background:#f1e3ff;border:2px solid #9860c0;padding:16px 7px 9px}.clubhouse .template[aria-pressed=true]::after{content:'✓';position:absolute;top:0;right:3px;color:#7437a0;font-size:11px}.clubhouse .template canvas.mini{width:100%;max-width:225px;height:auto;image-rendering:pixelated;border:0}.clubhouse .template span{font-size:10px;color:#746083}.library-empty{text-align:center;padding:28px 14px;color:#736180}.library-more{width:100%;margin-top:12px;border:1px dashed #b79acb;padding:9px;background:transparent;color:#654077;border-radius:4px;font-size:12px}.library-foot{font:10px Consolas,monospace;color:#877392;margin-top:12px;text-align:center}
.clubhouse .workspace{grid-row:auto;position:sticky;top:18px;min-height:0;background:#fbf6ff}.clubhouse .preview-wrap{padding:18px;background:none;position:static;min-height:0}.preview-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:600}.preview-title .live-dot{color:#46806c;font:10px Consolas,monospace}.preview-title .live-dot::before{content:'● ';color:#46a480}.clubhouse .stage{border:1px solid #39284d;border-radius:6px;min-height:142px;height:auto;background-color:#1a112e;background-image:linear-gradient(#35274655 1px,transparent 1px),linear-gradient(90deg,#35274655 1px,transparent 1px);background-size:12px 12px;box-shadow:inset 0 0 40px #09051466;display:flex;align-items:center;justify-content:center;padding:20px 10px;position:relative;overflow:hidden}.clubhouse .stage canvas{width:100%!important;max-width:300px!important;height:auto!important;image-rendering:pixelated;box-shadow:0 0 24px #a760db18;z-index:1}.preview-caption{font:10px Consolas,monospace;text-align:center;color:#8e739c;margin:8px 0 17px}.clubhouse .studio-text-fields{display:grid;grid-template-columns:1fr;gap:10px;margin:0}.clubhouse .studio-text-fields label{font-size:11px}.clubhouse .studio-text-fields input{margin-top:5px;min-height:40px}.clubhouse .actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;justify-content:initial;margin-top:14px}.clubhouse .button,.clubhouse .studio-tools button,.clubhouse .studio-bar button{border:1px solid #c6afd9;box-shadow:none;border-radius:5px;font-size:11px;font-weight:600;min-height:39px;margin:0;padding:9px 10px;background:#f3eafb;color:#563268;text-shadow:none}.clubhouse .actions .primary{grid-column:1/-1;background:#dffc94;color:#293214;border:1px solid #b2d16a;box-shadow:0 3px 0 #a0b960;font-size:13px;min-height:43px}.clubhouse .actions .primary:hover{background:#e8ffb4}.clubhouse .actions #copyLink{grid-column:1/-1;background:none;border:0;min-height:28px;font-weight:400;text-decoration:underline}.clubhouse .workspace>.status{padding:0 18px;font-size:12px;min-height:0;margin:0;color:#5b3b70}.clubhouse .workspace>.status:not(:empty){padding-bottom:12px}.clubhouse .recipe{display:none}.clubhouse .studio-bar{padding:12px 18px;border-top:1px solid #e0cfea;gap:6px;display:flex}.clubhouse .studio-bar button{flex:1;min-height:30px;font-size:10px;padding:6px 5px;background:white}.clubhouse .studio-advanced{padding:12px 18px;border-top:1px solid #e0cfea;color:#614372;margin:0}.clubhouse .studio-advanced summary{font-size:12px}.clubhouse .studio-advanced>.row{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.clubhouse .studio-advanced select{width:100%}.clubhouse .swatches{gap:6px;display:flex;flex-wrap:wrap}.clubhouse .swatch{width:23px;height:23px;border:1px solid #a492b8}.clubhouse .swatch[aria-pressed=true]{outline:2px solid #5b3273;outline-offset:2px}
.clubhouse .studio-tools{grid-column:1/-1;padding:0;border:1px solid #59436f;border-radius:10px;background:#21162f;color:#e9ddf4;box-shadow:4px 4px #070510;overflow:hidden}.tools-heading{padding:24px 25px 8px;display:flex;justify-content:space-between;align-items:baseline}.clubhouse .studio-tools h2{font-size:22px;margin:0;color:#f8edff}.tools-heading p{color:#b4a1c6;font-size:12px;margin:5px 0 0}.tools-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 24px 24px;align-items:start}.clubhouse .studio-tools details{margin:0;background:#f7f1ff;color:#352244;border:1px solid #76578b;border-radius:6px;padding:15px;min-width:0}.clubhouse .studio-tools summary{font-size:13px}.clubhouse .studio-tools details p{color:#796185;font-size:12px}.clubhouse .studio-tools details button{background:#eddefa;margin:4px}.clubhouse .studio-tools details input,.clubhouse .studio-tools details select,.clubhouse .studio-tools details textarea{width:100%}.clubhouse .studio-tools input[type=checkbox]{width:auto}.clubhouse .studio-tools input[type=color]{width:50px}.clubhouse .studio-tools input[type=range]{padding:0}.clubhouse .studio-tools canvas{max-width:100%}.clubhouse .studio-collections{display:none}.clubhouse .credit-panel{grid-column:1/-1;border:1px solid #59436f;background:#21162f;color:#e9ddf4;padding:0}.clubhouse .credit-panel>.credit-toggle{display:block;padding:20px 25px;font-size:14px;font-weight:600;cursor:pointer}.clubhouse .credit-grid{background:#f7f1ff;color:#352244;border-radius:0;display:grid;grid-template-columns:1fr 1fr}.clubhouse .credit-grid .section{padding:18px}.clubhouse .gallery-panel{grid-column:1/-1;background:none;border:0;box-shadow:none;color:#d5c5e8;padding:10px 0}.clubhouse .gallery-panel h2{color:#eee4fa}.clubhouse .gallery-panel>.hint{color:#ac96bf}.clubhouse .gallery-panel>input,.clubhouse .gallery-panel>select{width:auto;max-width:100%;margin:12px 6px 0 0}.clubhouse .gallery-card{background:#251a36;border:1px solid #4f3b65;border-radius:6px}.clubhouse .gallery-credit{color:#c0accc}.club-footer{max-width:1180px;width:calc(100% - 48px);padding:20px 0 32px;border-top:1px solid #493956;margin:0 auto;display:flex;justify-content:space-between;font:11px Consolas,monospace;color:#a28cb6}.club-footer strong{color:#d4fa92}.club-help{grid-column:1/-1;padding:18px 0;color:#bda6d3}.club-help h2{font-size:17px;color:#ebdcfb}.club-help p{max-width:780px;font-size:13px}.club-help a{color:#d9f99e}.clubhouse .hidden-field{position:absolute!important;left:-10000px!important}
@media(min-width:1400px){.clubhouse .templates{grid-template-columns:repeat(3,minmax(0,1fr))}.clubhouse .template canvas.mini{max-width:150px}}
@media(max-width:900px){.clubhouse main{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:14px}.clubhouse .template canvas.mini{max-width:150px}.clubhouse .templates{grid-template-columns:1fr}.brand-detail{display:none}.club-hero{grid-template-columns:1.1fr 1fr}.hero-badge{width:240px;height:32px}.hero-badge:nth-child(1){left:0}.hero-badge:nth-child(3){left:0}.club-nav{gap:15px}.club-nav .shop-link{display:none}.club-hero h2{font-size:42px}.clubhouse .preview-wrap{padding:14px}}
@media(max-width:680px){.clubhouse .topbar,.club-hero,.clubhouse main,.club-footer{width:calc(100% - 28px)}.clubhouse .topbar{padding:16px 0;gap:12px}.clubhouse .topbar h1{font-size:22px}.club-nav{gap:12px}.club-nav a{font-size:11px}.club-nav a:nth-child(3){display:none}.club-hero{display:block;padding:24px 0 22px}.club-hero h2{font-size:40px}.club-hero .hero-copy{font-size:13px;max-width:340px}.hero-collage{display:none}.hero-benefits{font-size:10px;gap:12px}.clubhouse main{display:flex;flex-direction:column;gap:18px}.clubhouse main>*{width:100%}.clubhouse .workspace{position:static;order:1}.clubhouse [aria-label="Blinkie settings"]{order:2}.clubhouse .studio-tools{order:3}.clubhouse .credit-panel{order:4}.clubhouse .gallery-panel{order:5}.club-help{order:6}.clubhouse .templates{grid-template-columns:repeat(2,minmax(0,1fr));max-height:500px}.clubhouse .template{padding:15px 5px 9px;min-height:75px}.clubhouse .template[aria-pressed=true]{padding:14px 4px 8px}.clubhouse .template canvas.mini{max-width:150px}.clubhouse .template span{font-size:9px}.clubhouse input:not([type=checkbox]):not([type=range]):not([type=color]),.clubhouse select,.clubhouse textarea{font-size:16px}.clubhouse .library-search-row{flex-direction:column}.library-search-row select{max-width:100%}.clubhouse .stage{min-height:116px}.clubhouse .preview-wrap{padding:16px}.clubhouse .studio-text-fields{grid-template-columns:1fr}.clubhouse .studio-text-fields>label{grid-column:auto}.clubhouse .credit-grid,.tools-details{grid-template-columns:1fr}.tools-heading{padding:20px 18px 4px}.tools-details{padding:14px 16px 18px}.clubhouse .studio-tools h2{font-size:20px}.club-footer{display:block;line-height:2}.club-footer span{display:block}.clubhouse .gallery-panel>input,.clubhouse .gallery-panel>select{width:100%;margin-right:0}.clubhouse .credit-grid>.section+.section{border-left:0}.clubhouse .actions .primary{min-height:46px}.preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clubhouse *{animation:none!important;transition:none!important}}
.clubhouse [hidden]{display:none!important}.clubhouse .preview-wrap{display:block}.clubhouse .preview-wrap>*{width:100%}.clubhouse .template canvas.mini{box-shadow:none}.clubhouse .studio-tools{grid-row:2}.clubhouse .credit-panel{grid-row:3}.clubhouse .gallery-panel{grid-row:4}.clubhouse .preview-title{margin-bottom:12px}.clubhouse .studio-text-fields label{width:100%}.clubhouse .studio-text-fields input{width:100%}

/* High-density display previews; export canvas keeps its original dimensions. */
.clubhouse .stage canvas.club-export-canvas{display:none!important}.clubhouse .stage canvas#club-working-preview{image-rendering:auto;max-width:360px!important}.clubhouse .template canvas.mini,.clubhouse .hero-badge{image-rendering:auto}

.clubhouse.site-embedded .topbar,.clubhouse.site-embedded .preview-note,.clubhouse.site-embedded .club-footer{display:none}

/* Watery celestial atmosphere: decorative only, never part of exported artwork. */
body.clubhouse{position:relative;isolation:isolate;background-color:#080d25;background-image:radial-gradient(ellipse at 9% 12%,#53247a60,transparent 32%),radial-gradient(ellipse at 87% 32%,#00677850,transparent 39%),radial-gradient(ellipse at 27% 75%,#62366d60,transparent 42%);background-size:auto}
.clubhouse .app{position:relative;z-index:1}
.club-cosmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background-image:url('cosmic-water.svg');background-size:1280px 1100px;background-position:center top;background-repeat:repeat-y}
.club-cosmos::before,.club-cosmos::after{content:'';position:absolute;inset:0;pointer-events:none;background-repeat:repeat}
.club-cosmos::before{background-image:radial-gradient(1.5px 1.5px at 17px 23px,#aaf8ff 60%,transparent),radial-gradient(2px 2px at 140px 140px,#ffb5ec 50%,transparent),radial-gradient(1px 1px at 238px 51px,#ebd4ff 70%,transparent),radial-gradient(1.5px 1.5px at 70px 198px,#fbe5a4 65%,transparent);background-size:293px 251px;animation:club-starlight 7s ease-in-out infinite alternate}
.club-cosmos::after{background-image:radial-gradient(2px 2px at 48px 106px,#d9b1ff 50%,transparent),radial-gradient(1px 1px at 208px 32px,#7ffff0 70%,transparent),radial-gradient(2px 2px at 120px 227px,#a2d8ff 50%,transparent);background-size:337px 283px;animation:club-starlight 9s -4s ease-in-out infinite alternate-reverse}
@keyframes club-starlight{from{opacity:.28}to{opacity:.95}}
.clubhouse .club-hero{padding-top:42px;padding-bottom:40px}.clubhouse .club-hero h2{text-shadow:0 3px 20px #070c27}.clubhouse .club-hero h2 em{color:#e2afff}.clubhouse .hero-copy{color:#d3c9e5!important}
.clubhouse .stage{background-color:#101a38;background-image:radial-gradient(ellipse at 20% 10%,#a839c43b,transparent 65%),radial-gradient(ellipse at 90% 95%,#1dded83b,transparent 65%),radial-gradient(1px 1px at 20px 18px,#98eeed 60%,transparent),radial-gradient(1px 1px at 67px 51px,#f8bcff 60%,transparent);background-size:auto,auto,97px 83px,117px 101px}
@media(max-width:680px){.club-cosmos{background-size:850px 950px;background-position:35% top}.clubhouse .club-hero{padding-top:30px;padding-bottom:30px}.clubhouse .club-hero>div:first-child{position:relative}.clubhouse .club-hero h2{font-size:40px}.clubhouse .club-hero .hero-copy{text-shadow:0 1px 10px #080d25}}
@media(prefers-reduced-motion:reduce){.club-cosmos::before,.club-cosmos::after{animation:none;opacity:.65}}
.studio-paused .club-cosmos::before,.studio-paused .club-cosmos::after{animation-play-state:paused}

/* Flowing caustics replace the defined SVG stars and planets. */
.club-cosmos{background-image:none}
.club-water-light{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:blur(2px);opacity:.92}
.club-cosmos::before,.club-cosmos::after{filter:blur(.7px);opacity:.35}
.club-cosmos::before{animation-duration:3.7s}.club-cosmos::after{animation-duration:4.9s}

/* Fine rainbow interference ribbons, like light projected through moving water. */
body.clubhouse{background-color:#080915;background-image:radial-gradient(ellipse at 12% 8%,#47215b38,transparent 35%),radial-gradient(ellipse at 90% 40%,#062e4140,transparent 44%)}
.club-water-light{filter:none;opacity:1}
.club-cosmos::before,.club-cosmos::after{opacity:.15;animation:none;filter:blur(1px)}
.clubhouse .collage-star{display:none}

/* Keep gallery artwork large enough to judge, including on wide / zoomed-out screens. */
@media(min-width:901px){.clubhouse .templates{grid-template-columns:repeat(2,minmax(0,1fr))}.clubhouse .template canvas.mini{max-width:300px}}
@media(min-width:681px) and (max-width:900px){.clubhouse .template canvas.mini{max-width:300px}}
@media(max-width:680px){.clubhouse .templates{grid-template-columns:1fr}.clubhouse .template canvas.mini{max-width:300px}.clubhouse .template span{font-size:12px}.clubhouse .template{min-height:88px}}
.clubhouse .library-head small{white-space:nowrap}.clubhouse .template span{line-height:1.5}

.clubhouse .club-native-preview{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 0 10px;padding:12px;background:#ebe0f5;border-radius:5px}.club-native-preview span{font:11px 'Segoe UI',Arial,sans-serif;color:#574264}.clubhouse .club-native-preview canvas{width:150px!important;height:20px!important;max-width:none!important;image-rendering:pixelated}.clubhouse .club-tiny-hint{font-size:11px;color:#6b537d;line-height:1.5;margin:0 0 16px}

/* Gallery examples now show real native-size artwork with the clear pixel font. */
.clubhouse .templates{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.clubhouse .template canvas.mini{width:150px!important;height:20px!important;max-width:none!important;image-rendering:pixelated}
.clubhouse .template{min-height:70px;padding:12px 8px 9px;gap:9px}
.clubhouse .template[aria-pressed=true]{padding:11px 7px 8px}
.clubhouse .template span{font-size:11px}

/* Keep one-pixel lettering intact under fractional browser/display scaling. */
.clubhouse .templates{grid-template-columns:repeat(auto-fit,minmax(max(170px,calc(var(--club-native-width,150px) + 24px)),1fr))}
.clubhouse .template canvas.mini,.clubhouse .club-native-preview canvas{width:var(--club-native-width,150px)!important;height:var(--club-native-height,20px)!important;flex-shrink:0;image-rendering:pixelated}