.customer-demo{--demo-ink:#f8f5f2}.customer-demo button[hidden]{display:none}.customer-demo #gate.demo-gate{justify-content:safe center;gap:0;padding:40px 5vw 70px;background:linear-gradient(180deg,#0a080ecc,#0a080eba);overflow:auto}.customer-demo #gate.demo-gate>*{animation:none;flex-shrink:0}.customer-demo .demo-gate .title{font-size:clamp(54px,7.5vw,106px);font-weight:500;line-height:1.05;letter-spacing:-.055em}.customer-demo .demo-gate .controls{margin:24px 0 30px}.customer-demo .demo-gate button{border-radius:12px;backdrop-filter:none;transition:background .18s}.customer-demo .demo-gate button:hover{transform:none}.demo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,1040px);gap:18px 22px}.customer-demo .demo-world{display:flex;flex-direction:column;align-items:stretch;text-align:left;color:var(--demo-ink);padding:0;background:transparent;border:0!important;border-radius:6px;box-shadow:none!important;overflow:hidden;min-width:0}.customer-demo .demo-world:hover{background:transparent;transform:none}.demo-world-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#17171c}.demo-world-name{font-size:14px;font-weight:500;padding:9px 0 0;line-height:1.3}.demo-world-description{font-size:11px;font-weight:400;color:#f8f5f28f;padding-top:4px;line-height:1.4}.customer-demo .demo-gallery .demo-world{padding-bottom:12px}.demo-gallery .demo-world-image{flex-shrink:0}.demo-gallery .demo-world-name{padding:11px 12px 0;line-height:1.4;overflow-wrap:anywhere}.demo-gallery .demo-world-description{padding:5px 12px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.customer-demo .gate-foot{position:static;width:min(100%,1040px);margin-top:28px;font-size:12px;text-transform:none;letter-spacing:0;flex-wrap:wrap;align-items:center;gap:10px 24px}.customer-demo #gate .demo-imprint-link{padding:4px 0;border:0;border-radius:0;background:none;color:#f8f5f2bf;font:inherit;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px}.customer-demo #gate .demo-imprint-link:hover{color:#fff}.customer-demo .demo-imprint{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 40px));height:fit-content;box-sizing:border-box;max-height:80vh;overflow:auto;padding:24px 28px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#17141c;color:#f8f5f2;font:400 16px/1.6 -apple-system,Helvetica Neue,Arial,sans-serif}.demo-imprint::backdrop{background:#000000b3}.demo-imprint-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.demo-imprint-header h2{margin:0;font-size:22px;font-weight:500}.demo-imprint-close{width:40px;height:40px;padding:0;border:0;border-radius:8px;background:#ffffff14;color:inherit;font:400 26px/1 Arial,sans-serif;cursor:pointer}.demo-imprint-address{font-style:normal}.demo-imprint-rights{margin:24px 0 0;font-size:12px;color:#f8f5f28c}.gate-foot a{color:#f8f5f2bf;text-decoration:none}.gate-foot a:hover{color:#fff;text-decoration:underline}.customer-demo #hud .hud-bl{display:none}.customer-demo #hud .hud-tl{top:24px;left:28px}.customer-demo .scene-name{font-size:14px;opacity:.7}.customer-demo .demo-dock{position:fixed;z-index:12;inset:auto 0 0;display:none;padding:18px 26px 20px;background:linear-gradient(0deg,#0c0a12f2,#0c0a12db);opacity:0;transform:translateY(14px);pointer-events:none;border-top:1px solid rgba(255,255,255,.12);transition:opacity .4s ease,transform .4s ease}.customer-demo .demo-dock.on{display:block}body.show-menu.customer-demo .demo-dock.on{opacity:1;transform:none;pointer-events:auto}.demo-toolbar{display:flex;align-items:center;gap:18px;margin-bottom:15px}.demo-current{font-size:17px;font-weight:500}.demo-song{font-size:12px;color:#f8f5f28c;max-width:22vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.demo-tools{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;align-items:center}.customer-demo .demo-tool{padding:9px 12px;font-size:12px;border-radius:8px;background:#ffffff14;backdrop-filter:none}.customer-demo .demo-tool[aria-pressed=true]{background:#ea1b0acc}.customer-demo .demo-playback{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:25;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#0f0d15e0;color:#fff;box-shadow:0 4px 20px #0000001f}.customer-demo .demo-playback[hidden]{display:none}.customer-demo .demo-playback-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:88px;min-height:40px;padding:8px 12px;border:0;border-radius:9px;color:#fff;background:#ffffff1f;font:500 13px/1.2 -apple-system,Helvetica Neue,Arial,sans-serif;cursor:pointer}.customer-demo .demo-playback-toggle:hover{background:#ffffff38}.customer-demo .demo-playback-toggle:disabled{opacity:.55;cursor:wait}.demo-playback-toggle span:first-child,.demo-playback-speaker{display:flex}.demo-playback-speaker{opacity:.7}.demo-playback-volume{width:94px;height:30px;margin:0;accent-color:#fff;cursor:pointer}.demo-playback-volume:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}.demo-playback-value{min-width:35px;font:400 11px/1 -apple-system,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#ffffffb3;text-align:right}@media (max-width:600px){.customer-demo .demo-playback{top:max(58px,calc(env(safe-area-inset-top) + 44px));right:max(12px,env(safe-area-inset-right));gap:7px}.demo-playback-volume{width:70px}.customer-demo .demo-playback-toggle{min-width:75px}}.customer-demo .demo-minimieren{min-width:34px;padding-inline:8px;font-size:18px;line-height:1}.demo-worlds{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:14px;max-width:1280px;margin:auto}.demo-worlds .demo-world-name{font-size:12px;padding:7px 0 0}.demo-worlds .demo-world[aria-pressed=true] .demo-world-image{outline:2px solid #f8f5f2;outline-offset:-2px}.customer-demo button:focus-visible,.customer-demo a:focus-visible{outline:2px solid #f8f5f2;outline-offset:4px}@media (min-width:1600px){.customer-demo .demo-dock{padding-inline:max(26px,calc((100vw - 1380px)/2))}}@media (max-width:900px){.demo-toolbar{flex-wrap:wrap;gap:8px}.demo-tools{width:100%;margin:4px 0 0;flex-wrap:wrap}.demo-song{max-width:50vw}.demo-worlds{display:flex;overflow-x:auto;gap:12px;padding-bottom:5px}.demo-worlds .demo-world{flex:0 0 120px}.customer-demo .demo-dock{padding:12px 16px}}@media (max-width:600px){.customer-demo #gate.demo-gate{justify-content:flex-start;padding:42px 22px 28px}.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.demo-gallery .demo-world-description{font-size:11px}.customer-demo .demo-gate .controls{flex-direction:column;width:100%;gap:9px}.customer-demo .gate-foot{flex-direction:row;font-size:11px}.demo-hint{line-height:1.6}.demo-worlds .demo-world{flex-basis:105px}}@media (prefers-reduced-motion:reduce){.customer-demo *{scroll-behavior:auto!important;transition:none!important}}@media (min-width:601px) and (max-height:800px){.customer-demo #gate.demo-gate{padding:25px 4vw}.customer-demo .demo-gate .title{font-size:70px}.customer-demo .demo-gate .controls{margin:24px 0 22px}.demo-gallery{max-width:920px;gap:15px 20px}.demo-hint{margin-top:18px}.customer-demo .gate-foot{margin-top:19px;max-width:920px}}.customer-demo .demo-gallery .demo-world[aria-pressed=true] .demo-world-image{outline:2px solid #f8f5f2;outline-offset:-2px}.customer-demo .demo-brand:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:linear-gradient(90deg,#ea1b0a 0% 72%,#6b2d5b 88%)}.customer-demo .demo-brand[aria-pressed=true]{background:#ea1b0a2e;box-shadow:inset 0 0 0 1px #ea1b0a}.customer-demo .demo-brand:disabled{opacity:.55;cursor:wait}.operator-panel{--panel-width: 27rem;color-scheme:dark;width:min(var(--panel-width),calc(100vw - 2rem));max-height:min(88vh,calc(100vh - 3.2rem));max-height:min(88vh,calc(100dvh - 3.2rem));overflow-y:auto}.operator-panel select option,.operator-panel select optgroup{color:#f8f5f2;background-color:#211d26}@media (forced-colors: active){.operator-panel select option,.operator-panel select optgroup{color:CanvasText;background-color:Canvas}}.operator-panel--audio{--panel-width: 22rem}.operator-panel--audio select{min-width:0;width:100%}.operator-panel--audio #ap-status{overflow-wrap:anywhere}.operator-panel--export{--panel-width: 29rem;position:fixed;left:50%;top:1.6rem;transform:translate(-50%);z-index:36;box-sizing:border-box;flex-direction:column;gap:1.15rem;padding:1.35rem 1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#150e11f7;box-shadow:0 16px 60px #00000052;color:#f8f5f2;font:400 .82rem/1.5 -apple-system,Helvetica Neue,Arial,sans-serif;color-scheme:dark;overscroll-behavior:contain;scrollbar-width:thin}.operator-panel--export .export-header{align-items:flex-start;top:-1.35rem;margin:-1.35rem -1.5rem 0;padding:1.25rem 1.5rem .85rem;background:#150e11}.export-header h2{font:inherit;font-size:1.25rem;font-weight:600;margin:0;letter-spacing:-.02em}.export-intro{margin:.3rem 0 0;color:#bdb5ba;font-size:.78rem}.operator-panel--export .operator-panel__close{width:2rem;height:2rem;flex-basis:2rem;background:transparent}.export-form{display:flex;flex-direction:column;gap:.95rem}.export-field{display:flex;flex-direction:column;min-width:0;gap:.35rem}.export-field>label{color:#e4dce0;font-size:.78rem;font-weight:500}.export-field>select,.export-song{min-width:0;width:100%;box-sizing:border-box;min-height:2.75rem;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#292126;color:inherit;font:inherit;padding:.65rem .8rem}.export-field>select{cursor:pointer}.export-field>select:hover{border-color:#ffffff57}.export-song{display:flex;align-items:center;gap:.7rem;padding:.35rem .4rem .35rem .8rem}#ex-song-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-button{flex-shrink:0;font:inherit;color:inherit;background:#ffffff17;border:1px solid transparent;border-radius:6px;padding:.45rem .65rem;cursor:pointer;min-height:2.2rem}.export-button:hover{background:#ffffff2b}.export-button:active{background:#ffffff3b}.operator-panel--export :is(button,select,summary,a):focus-visible{outline:2px solid #f99a91;outline-offset:3px}.operator-panel--export :is(button,select):disabled{opacity:.4;cursor:not-allowed}.export-advanced{border-block:1px solid rgba(255,255,255,.12)}.export-advanced>summary{padding:.85rem .1rem;color:#cec5cc;font-size:.78rem;cursor:pointer}.export-advanced>summary:hover,.export-editor>summary:hover{color:#fff}.export-advanced-body{display:flex;flex-direction:column;gap:1.25rem;padding:.2rem 0 1rem}.export-section{display:flex;flex-direction:column;gap:.65rem;min-width:0}.export-section h3{margin:0;font-size:.77rem;font-weight:600;color:#eee4e9}.export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.export-editor>summary,.export-result-details>summary{cursor:pointer;font-size:.76rem;padding:.2rem 0;color:#cec5cc}.export-note{margin:0;font-size:.73rem;color:#bbb0b8;line-height:1.5}.export-auto-choice{align-items:center;gap:.7rem;padding:.6rem 0}.export-auto-choice>div{flex:1}.export-auto-choice strong{font-weight:500}.export-cues{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;min-width:0}#ex-cues-name{flex:1;min-width:5rem;overflow-wrap:anywhere;color:#bbb0b8;font-size:.73rem}.export-action{display:flex;flex-direction:column;gap:.65rem}.export-primary{width:100%;min-height:2.9rem;padding:.75rem 1rem;border:none;border-radius:7px;background:#ea1b0a;color:#fff;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}.export-primary:hover{background:#ff2a18}.export-primary:active{background:#cb1809}.export-footnote{margin:0;color:#a99ba5;font-size:.69rem;line-height:1.5}.export-progress{height:8px;border-radius:5px;background:#ffffff1f;overflow:hidden}#ex-bar{height:100%;width:0%;background:#ea1b0a;transition:width .2s linear}#ex-status{font-variant-numeric:tabular-nums}.export-result{border-top:1px solid rgba(255,255,255,.14);padding-top:1rem;font-size:.78rem;overflow-wrap:anywhere}.export-result-details{margin-top:.6rem}.export-result-details p{color:#bbb0b8;font-size:.73rem}@media (max-width: 480px){.operator-panel--export{padding:1rem}.operator-panel--export .export-header{top:-1rem;margin:-1rem -1rem 0;padding:1rem}.export-options{grid-template-columns:minmax(0,1fr)}.export-field>select{font-size:1rem}}@media (prefers-reduced-motion: reduce){#ex-bar{transition:none}}.operator-panel__header,.effect-panel__header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.operator-panel__header{position:sticky;top:-1rem;z-index:1;background:#120608f5}.operator-panel--effects{background:#120608e0;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:opacity .2s ease,visibility 0s linear .2s}body:not(.show-menu) .operator-panel--effects{opacity:0;pointer-events:none;visibility:hidden;transition-delay:0s}.effect-panel__header{position:sticky;top:-.9rem;z-index:1;margin:-.9rem -1.1rem .2rem;padding:.7rem 1.1rem;background:#120608f5;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.operator-panel--effects.is-dragging,.operator-panel--effects.is-dragging .effect-panel__header,.operator-panel--effects.is-dragging .effect-panel__title{cursor:grabbing}.effect-panel__title{font:inherit;font-size:.8rem;color:inherit;opacity:.75;background:none;border:none;padding:.15rem .1rem;margin:0;cursor:grab;white-space:nowrap;touch-action:none}.effect-panel__title:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:2px;border-radius:6px}.effect-panel__grip{font-size:.95rem;line-height:0;vertical-align:-.08em;letter-spacing:0;margin-right:.4rem}.effect-panel__tools{display:flex;gap:.35rem;flex:0 0 auto}.effect-panel__header>select{min-width:0}#fx-durchsicht[aria-pressed=true]{background:#ea1b0a8c}.operator-panel--effects.is-durchsicht{background:#12060857;backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 2px rgba(0,0,0,.95)}.operator-panel--effects.is-durchsicht .effect-panel__header{background:#120608b8}.operator-panel__close{font:inherit;font-size:.85rem;line-height:1;color:inherit;background:#ffffff24;border:none;border-radius:50%;width:1.5rem;height:1.5rem;padding:0;cursor:pointer;flex:0 0 1.5rem;display:flex;align-items:center;justify-content:center}.effect-panel__row{display:grid;grid-template-columns:9.2rem minmax(0,1fr) 3.2rem;gap:.6rem;align-items:center;padding:.1rem 0}.effect-panel__row>input,.effect-panel__row>select{min-width:0}.effect-panel__row>select{grid-column:2 / span 2}.effect-panel__row>span:first-child{overflow-wrap:anywhere}.effect-panel__row:has(input[type=color]){grid-template-columns:9.2rem minmax(0,1fr) 4.2rem}.effect-panel__row input[type=color]{height:1.7rem;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:transparent;cursor:pointer}@media (max-width: 480px){.effect-panel__row{grid-template-columns:minmax(0,1fr) 3.2rem;row-gap:.15rem;padding:.35rem 0}.effect-panel__row>span:first-child{grid-column:1 / -1}.effect-panel__row:has(input[type=color]){grid-template-columns:minmax(0,1fr) 4.2rem}.effect-panel__row>select{grid-column:1 / -1}.effect-panel__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(4rem,6.5rem) auto;gap:.45rem .4rem}.effect-panel__header>.effect-panel__title{grid-column:1 / 3;grid-row:1;justify-self:start}.effect-panel__header>label{grid-column:1;grid-row:2}.effect-panel__header>select{grid-column:2;grid-row:2;min-width:0}.effect-panel__header>#fx-reset{grid-column:3;grid-row:2}.effect-panel__header>.effect-panel__tools{grid-column:3;grid-row:1;justify-self:end}}