.creator-showroom{--sc-ink:#18171b;--sc-paper:#fffdf5;background:var(--sc-ink);color:var(--sc-paper);padding:0!important;margin:0!important;max-width:none!important}.showroom-intro{padding:clamp(28px,5vw,72px);background:#ff19a3;color:var(--sc-ink);border-bottom:3px solid var(--sc-ink)}.showroom-kicker,.creator-count,.creator-enter{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.07em;font-weight:700}.showroom-intro h1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .14em;font-family:Bricolage,Arial,sans-serif;font-size:clamp(62px,10vw,160px);line-height:.93;letter-spacing:-.055em;margin:24px 0}.showroom-intro h1 em{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.04em}.showroom-lead{font-size:clamp(19px,2vw,28px);max-width:780px;line-height:1.4}.showroom-status{padding:24px clamp(20px,4vw,64px);font-size:14px}.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:0 clamp(20px,4vw,64px) 48px}.creator-tile{display:grid;grid-template-rows:auto 1fr;background:#c2ff00;color:var(--sc-ink);text-decoration:none!important;border:2px solid var(--sc-paper);border-radius:22px;overflow:hidden;min-width:0}.creator-tile:only-child{grid-column:1/-1;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.creator-tile:nth-child(3n+2){background:#6236ff;color:var(--sc-paper)}.creator-tile:nth-child(3n){background:#ff5b00}.creator-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--sc-ink);gap:3px;min-width:0;align-content:start}.creator-mosaic figure{margin:0;position:relative;min-width:0;overflow:hidden;aspect-ratio:16/10;background:var(--sc-ink)}.creator-mosaic img{width:100%;height:100%;object-fit:contain;display:block}.creator-mosaic figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--sc-ink);color:var(--sc-paper);font-size:11px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-copy{padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}.creator-id{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px}.creator-avatar{width:52px;height:52px;object-fit:contain}.creator-count{margin-left:auto}.creator-copy h2{font-family:Bricolage,Arial,sans-serif;font-size:clamp(34px,4vw,62px);line-height:1.04;letter-spacing:-.035em;margin:0}.creator-copy p{font-size:clamp(17px,1.8vw,24px);line-height:1.4;margin:0}.creator-enter{border-top:2px solid currentColor;padding-top:20px;margin-top:12px;display:block;font-size:14px}.creator-tile:hover .creator-enter{text-decoration:underline}.creator-tile:focus-visible{outline:4px solid #ff19a3;outline-offset:5px}.showroom-create{border-top:2px solid var(--sc-paper);padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.showroom-create h2{font-family:Bricolage,Arial,sans-serif;font-size:clamp(28px,4vw,52px);line-height:1.08;margin:0}.showroom-create p{line-height:1.6;font-size:17px}.showroom-create a{grid-column:2;background:#00ffd1;color:var(--sc-ink);font-size:14px;letter-spacing:.04em;font-weight:700;padding:18px 24px;justify-self:start;text-decoration:none}.showroom-retry{padding:16px;border:2px solid var(--sc-paper);background:var(--sc-ink);color:var(--sc-paper);font-size:16px;cursor:pointer}.app-nav [hidden]{display:none!important}body.is-guest #main{max-width:none!important;padding:0!important}.is-guest .view-feed{padding:0!important}.is-guest #main>.view{border:0!important}.public-view-link{white-space:nowrap}
@media(max-width:760px){.creator-grid{grid-template-columns:1fr;padding:0 16px 32px;gap:20px}.creator-tile:only-child{display:flex;flex-direction:column}.creator-copy{padding:24px}.showroom-create{grid-template-columns:1fr}.showroom-create a{grid-column:auto}.showroom-intro{padding:32px 20px}.showroom-intro h1{gap:8px;font-size:clamp(58px,14vw,100px)}.showroom-status{padding:20px}.creator-count{font-size:11px}.creator-mosaic figcaption{font-size:10px}.creator-copy h2{font-size:40px}}
.showroom-vision{padding:clamp(32px,5vw,72px);background:#6236ff;color:#fffdf5;border-top:3px solid #fffdf5}.showroom-vision h2{font-family:Bricolage,Arial,sans-serif;font-size:clamp(32px,4.6vw,70px);line-height:1.08;max-width:1000px;margin:24px 0}.showroom-vision p{max-width:880px;font-size:18px;line-height:1.65;margin:18px 0}.showroom-vision .showroom-kicker{font-size:12px}.vision-request{display:inline-flex;background:#c2ff00;color:#18171b;font-weight:700;padding:18px 24px;text-decoration:none;margin:18px 0;min-height:44px}.showroom-vision .showroom-request-note{font-size:13px;max-width:720px}.site-header:not(.wrap){display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:stretch;gap:0;padding:0;max-width:none;background:#c2ff00;border-bottom:3px solid #18171b}.site-header:not(.wrap)>.brand,.site-header:not(.wrap)>.claim{background:#18171b;padding:24px 30px;display:flex;align-items:center}.site-header:not(.wrap)>.claim{color:#fffdf5;font-family:'IBM Plex Mono',monospace;line-height:1.4;font-size:12px;letter-spacing:.06em}.site-header:not(.wrap)>nav{display:flex;align-items:center;gap:28px;padding:24px 30px;margin:0}.site-header:not(.wrap)>nav a{color:#18171b;min-height:44px;display:flex;align-items:center}.site-header:not(.wrap)>nav a:first-child{font-family:Instrument,Georgia,serif;font-style:italic;font-size:32px}.site-header:not(.wrap)>nav a:last-child{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:700}.site-header:not(.wrap)>a.button{margin:20px 24px 20px 0;background:#ff19a3;color:#18171b;border:2px solid #18171b;align-self:center;padding:14px 18px;min-height:48px;white-space:nowrap}
@media(max-width:900px){.site-header:not(.wrap){grid-template-columns:1fr auto}.site-header:not(.wrap)>.brand{padding:16px 20px}.site-header:not(.wrap)>.claim{padding:16px;max-width:160px;justify-content:flex-end;text-align:right}.site-header:not(.wrap)>nav{padding:12px 20px;gap:20px}.site-header:not(.wrap)>a.button{margin:12px 16px 12px 0;padding:10px 12px;font-size:12px}.site-header:not(.wrap)>nav a:first-child{font-size:28px}}
@media(max-width:600px){.site-header:not(.wrap){grid-template-columns:minmax(0,1fr) auto;min-width:0;width:100%}.site-header:not(.wrap)>.brand{grid-column:1/-1;grid-row:1;justify-content:center;min-width:0}.site-header:not(.wrap)>.claim{display:none}.site-header:not(.wrap)>nav{grid-column:1;grid-row:2;gap:12px;padding:10px 12px;min-width:0;flex-wrap:wrap}.site-header:not(.wrap)>nav a:first-child{font-size:24px}.site-header:not(.wrap)>nav a:last-child{font-size:11px}.site-header:not(.wrap)>a.button{grid-column:2;grid-row:2;position:static;max-width:100%;margin:10px 12px 10px 0;padding:10px;font-size:11px}.showroom-vision{padding:32px 20px}.vision-request{font-size:12px;max-width:100%;padding:18px}}

.showroom-swipe-entry{display:none}.showroom-swipe-entry[hidden]{display:none!important}@media(max-width:760px){.showroom-swipe-entry{display:inline-flex;align-items:center;min-height:44px;margin:0 20px 24px;padding:12px 20px;background:#c2ff00;color:#18171b;font-weight:700;text-decoration:none;border:1px solid #18171b;border-radius:24px}}

/* Acht ausgewählte Projekte als Einstieg, das vollständige Portfolio liegt dahinter. */
.creator-grid{grid-template-columns:minmax(0,1fr)}.creator-tile,.creator-tile:only-child{display:flex;flex-direction:column;border:0;border-radius:0;background:var(--sc-ink);color:var(--sc-paper);overflow:visible}
.creator-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,230px);gap:16px;background:transparent}
.mosaic-project{grid-column:span 4;position:relative;display:block;min-width:0;overflow:hidden;border:2px solid #c2ff00;border-radius:18px 0 18px 0;background:#c2ff00;text-decoration:none;isolation:isolate}
.mosaic-project:first-child{grid-column:span 7;grid-row:span 2;border-radius:42px 0 0 0}.mosaic-project:nth-child(2),.mosaic-project:nth-child(3){grid-column:span 5}.mosaic-project:nth-child(2){border-color:#6236ff;background:#6236ff;border-radius:0 42px 0 0}.mosaic-project:nth-child(3){border-color:#ff19a3;background:#ff19a3}.mosaic-project:nth-child(4){grid-column:span 4;border-color:#00ffd1;background:#00ffd1}.mosaic-project:nth-child(5){grid-column:span 5;border-color:#ff5b00;background:#ff5b00}.mosaic-project:nth-child(6){grid-column:span 3;border-radius:0 0 36px 0}.mosaic-project:nth-child(7){grid-column:span 5;border-color:#6236ff;background:#6236ff}.mosaic-project:nth-child(8){grid-column:span 7;border-color:#00ffd1;background:#00ffd1;border-radius:0 0 42px 0}
.creator-mosaic .mosaic-project img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease;display:block;padding-bottom:32px;background:#18171b}
.mosaic-caption{position:absolute;bottom:0;left:0;right:0;min-height:36px;padding:8px 12px;background:#18171b;color:#fffdf5;font:700 13px Space,Arial;line-height:1.4;z-index:1}
.mosaic-project::after{content:'↗';position:absolute;right:12px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#c2ff00;color:#18171b;font-size:25px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
@media(hover:hover){.mosaic-project:hover img{transform:scale(1.025)}.mosaic-project:hover::after{opacity:1;transform:translateY(0)}.mosaic-project:hover{border-color:#fffdf5}}
.mosaic-project:focus-visible{outline:3px solid #fffdf5;outline-offset:4px}.mosaic-project:focus-visible::after{opacity:1;transform:none}
.creator-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 32px;align-items:center;padding:28px 0 8px}.creator-copy .creator-id{grid-column:1/-1}.creator-copy h2{font-size:clamp(36px,4vw,64px)}.creator-copy p{font-size:clamp(18px,1.8vw,24px)}.creator-copy .creator-enter{grid-column:1/-1;justify-self:end;color:#c2ff00;font-size:15px;min-height:44px}.creator-avatar{width:36px;height:36px}
@media(max-width:760px){.creator-mosaic{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 16px;scrollbar-width:thin}.mosaic-project,.mosaic-project:nth-child(n){flex:0 0 88%;width:88%;height:auto;aspect-ratio:4/3;scroll-snap-align:start;scroll-snap-stop:always;border-radius:18px 0 18px 0}.creator-mosaic .mosaic-project img{padding-bottom:44px}.mosaic-project::after{opacity:1;transform:none;width:36px;height:36px;right:8px;top:8px}.mosaic-caption{font-size:12px;min-height:44px;align-content:center}.creator-copy{display:flex;align-items:stretch;gap:16px;padding:12px 0 8px}.creator-copy h2{font-size:38px}.creator-copy p{font-size:18px}.creator-copy .creator-enter{margin-top:0;align-self:start}.creator-grid{padding-inline:20px;gap:24px}}
@media(prefers-reduced-motion:reduce){.creator-mosaic .mosaic-project img,.mosaic-project::after{transition:none}.mosaic-project:hover img{transform:none}}

/* Zeitabhängige Markenakzente, niemals Umfärbung der gezeigten Projekte. */
.creator-showroom{--show-accent:#ff19a3}.creator-showroom[data-period=morning]{--show-accent:#c2ff00}.creator-showroom[data-period=day]{--show-accent:#ff19a3}.creator-showroom[data-period=evening]{--show-accent:#ff5b00}.creator-showroom[data-period=night]{--show-accent:#00ffd1}.showroom-intro{background:var(--show-accent)}.showroom-intro h1 em{color:#18171b}
.showroom-vision{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 28px;position:relative;isolation:isolate;overflow:hidden;background:#18171b;color:#fffdf5;border-top:2px solid #ff19a3;padding:clamp(36px,5vw,76px) clamp(20px,4vw,64px)}
.showroom-vision>*{grid-column:1/9;margin:0!important;position:relative}.showroom-vision>.showroom-kicker{grid-column:1/-1;color:var(--show-accent);letter-spacing:.12em}.showroom-vision h2{grid-column:1/10;font-size:clamp(52px,6vw,96px);line-height:.95;letter-spacing:-.05em;z-index:1;margin:12px 0 14px!important}.showroom-vision h2 span{display:block;color:#ff19a3}.showroom-vision h2 em{font-family:Instrument,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:#c2ff00;display:block;max-width:100%}.showroom-vision>p:not(.showroom-kicker){font-size:17px;line-height:1.55;max-width:760px}.showroom-vision>p:nth-last-child(3){font-family:Plex,monospace;font-size:13px;color:#00ffd1}.showroom-vision .vision-request{background:var(--show-accent);justify-self:start;transform:rotate(-2deg);border:2px solid #18171b;box-shadow:5px 5px 0 #fffdf5;font-family:Space,Arial,sans-serif;letter-spacing:.02em;min-height:52px;margin:10px 0!important}.showroom-vision .showroom-request-note{font-size:12px;max-width:640px}.showroom-vision .vision-fruit{grid-column:9/-1;grid-row:3/7;align-self:center;justify-self:center;width:100%;aspect-ratio:1;margin:0;display:grid;place-items:center;background:#ff19a3;border-radius:50%;transform:rotate(-9deg);border:12px solid #c2ff00;box-shadow:12px 12px 0 #6236ff}.vision-fruit img{display:block;width:130%;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(8px 12px 0 #18171b22);transform:rotate(8deg);transition:transform .5s ease}.vision-fruit:hover img{transform:rotate(3deg) scale(1.025)}
.site-header .brand img{transition:transform .35s ease;transform-origin:center}.site-header .brand:hover img{transform:rotate(-8deg)}
@keyframes melon-intro{from{transform:rotate(-7deg)}to{transform:rotate(0)}}.site-header .brand img{animation:melon-intro 1.2s ease-out 1}
@media(max-width:760px){.showroom-vision{grid-template-columns:minmax(0,1fr);gap:20px}.showroom-vision>*{grid-column:1!important;min-width:0}.showroom-vision h2{font-size:clamp(42px,11.5vw,74px);max-width:100%;overflow-wrap:normal;hyphens:auto}.showroom-vision .vision-fruit{grid-row:auto;order:0;width:min(230px,70vw);justify-self:end;margin:6px 10px 12px!important;border-width:8px}.showroom-vision>p:not(.showroom-kicker){font-size:16px}.showroom-vision .showroom-request-note{font-size:12px}.vision-fruit img{width:110%}.showroom-vision .vision-request{transform:rotate(-1deg);max-width:calc(100% - 6px);font-size:13px}}
@media(prefers-reduced-motion:reduce){.site-header .brand img{animation:none;transition:none}.site-header .brand:hover img{transform:none}.vision-fruit img{transition:none}.vision-fruit:hover img{transform:rotate(8deg)}}
.showroom-explainer{font-size:clamp(17px,1.65vw,23px);line-height:1.5;max-width:740px;margin:16px 0 0}.creator-name:hover{text-decoration:underline;text-underline-offset:6px}
@media(min-width:761px){.showroom-vision{align-items:start;gap:20px 28px}.showroom-vision .vision-fruit{position:absolute;right:5%;top:46%;width:30%;transform:translateY(-16%) rotate(-9deg)}.vision-fruit img{width:112%}.showroom-vision .vision-request{align-self:start;align-items:center;min-height:52px;height:auto}.showroom-vision>p:nth-last-child(3){margin:2px 0!important}}

/* Vereinzelte Lichtspuren statt flächiger oder synchroner Bewegung. */
@keyframes sm-line-glimmer{0%,12%,32%,67%,88%,100%{opacity:0;background-position:120% 50%}15%{opacity:.12;background-position:100% 50%}24%{opacity:.24;background-position:0 50%}29%{opacity:0;background-position:-20% 50%}70%{opacity:.08;background-position:-20% 50%}79%{opacity:.18;background-position:100% 50%}84%{opacity:0;background-position:120% 50%}}
.showroom-vision::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 43%,#ff19a3 48%,#fffdf5 50%,#00ffd1 52%,transparent 57%);background-size:280% 100%;filter:drop-shadow(0 0 2px #c2ff00);animation:sm-line-glimmer 29s linear infinite;animation-delay:-11s}
@media(prefers-reduced-motion:reduce){.showroom-vision::after{animation:none;display:none}}


/* Public language control lives inside the navigation, never a fifth header column. */
.site-header:not(.wrap)>nav .language-switch{display:flex;gap:0;align-items:center;padding:2px;border:1px solid #18171B;border-radius:999px;white-space:nowrap;flex:none;margin:0}
.site-header:not(.wrap)>nav .language-switch a{display:grid;place-items:center;min-width:38px;min-height:40px;padding:0 7px;margin:0;font:700 12px Space,Arial,sans-serif;text-decoration:none;border-radius:999px;color:#18171B}
.site-header:not(.wrap)>nav .language-switch a[aria-current="true"]{background:#18171B;color:#FFFDF5}
.site-header:not(.wrap)>nav .language-switch a:focus-visible{outline:3px solid #FF19A3;outline-offset:3px}
.site-header:not(.wrap)>nav>a:not(:first-child){font-family:'IBM Plex Mono',monospace;font-size:13px}
.language-demo-note{flex-basis:100%;font-size:12px;line-height:1.5;max-width:65ch}
@media(max-width:600px){.site-header:not(.wrap)>nav{gap:10px}.site-header:not(.wrap)>nav>a[href*="#konto"]{display:none}.site-header:not(.wrap)>nav .language-switch a{min-width:32px;min-height:40px;padding:0 5px}}