*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#e0f3ed;background:#071c22;font-family:Verdana,Arial,sans-serif;font-size:14px;line-height:1.6;background-image:radial-gradient(ellipse at 85% 0,#1a434d88,transparent 60%)}header,main,footer{max-width:1240px;margin:auto;padding:24px 40px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24434a}.brand{font-weight:800;letter-spacing:.02em;color:#e0f3ed;text-decoration:none}nav,.actions{display:flex;align-items:center;gap:20px}nav a{font-size:12px;color:#9ebdbb;text-decoration:none}a{color:#80edc4}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7.5vw,104px);line-height:1;letter-spacing:-.07em;margin-bottom:30px}h1 span,h2 span{color:#487d7b}h1 span{display:inline-block;margin-left:.18em;letter-spacing:-.05em}h2{font-size:25px;line-height:1.25;letter-spacing:-.035em}h3{font-size:15px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#80edc4}.hero{padding:85px 0 65px;position:relative;overflow:hidden}.hero h1 span{display:block;margin:12px 0;font-size:.52em;color:#497f7c}.lead{max-width:540px;color:#a0bdbd;font-size:18px}.watermark{position:absolute;right:.06em;top:45px;color:#80edc40b;font-size:clamp(110px,25vw,320px);line-height:1;font-weight:800;z-index:-1;letter-spacing:.015em;font-kerning:none;pointer-events:none;user-select:none}.button,button{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;font:700 11px Verdana,sans-serif;letter-spacing:.04em;color:#08232b;background:#80edc4;border:1px solid #80edc4;border-radius:9px;min-height:41px;padding:12px 19px;cursor:pointer}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:wait}.secondary{background:#0a2027;color:#d1e9e2;border-color:#34565d}input,select,textarea{width:100%;font:inherit;color:#e0f3ed;background:#061a21;border:1px solid #34565d;border-radius:8px;padding:11px 12px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #80edc4;outline-offset:3px}textarea{resize:vertical}label{display:block;font-size:11px;letter-spacing:.015em;color:#a5bdbc;margin-bottom:16px}label input,label select,label textarea{margin-top:6px}input[type=checkbox]{accent-color:#80edc4;width:16px;height:16px;margin:0;flex-shrink:0}.check{display:flex;gap:10px;align-items:center}fieldset{border:1px solid #24434a;border-radius:9px;padding:14px;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:18px}fieldset .check{margin:0}legend{font-size:11px;color:#a5bdbc;padding:0 5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.cards article,.panel{background:#0c272ddd;border:1px solid #24434a;border-radius:15px;padding:28px}.cards article p:not(.eyebrow){color:#92b1b3;font-size:13px}.downloads{display:flex;flex-direction:column;gap:10px}.downloads .button{font-size:10px}.panel{margin-bottom:24px}.panel p{color:#a0b9bb}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:65px 0}.split p{color:#92b1b3}.split h2{font-size:38px}.page-title{padding:44px 0 20px}.page-title h1{font-size:clamp(36px,5.5vw,65px)}.narrow{max-width:650px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.metrics{display:flex;gap:16px;margin:0 0 24px}.metric{flex:1;background:#102f35;border:1px solid #34565d;border-radius:12px;padding:18px}.metric b{display:block;font-size:30px;color:#80edc4}.metric span{font-size:11px;color:#9ab5b6}.small{font-size:11px;line-height:1.7}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-top input{max-width:300px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#8aabad;font-size:10px;padding:10px 8px;border-bottom:1px solid #34565d}td{padding:15px 8px;vertical-align:top;border-bottom:1px solid #24434a}td small{display:block;color:#8aabad}td button{font-size:9px;min-height:30px;padding:7px 10px;margin:0 6px 6px 0}.rows>div{border-top:1px solid #24434a;padding:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.rows button{margin-top:10px}details summary{cursor:pointer;font-weight:700}details p,details form{margin-top:20px}footer{display:flex;justify-content:space-between;gap:20px;color:#789da0;font-size:10px;border-top:1px solid #24434a;margin-top:24px}footer a{margin-left:16px}.status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(600px,92vw);background:#183f46;color:#e0f3ed;border:1px solid #80edc4;border-radius:12px;padding:15px 22px;box-shadow:0 12px 40px #0006;z-index:10}.status:empty{display:none}.error{border-color:#ff955b;color:#ffd1b7}.badge{display:inline-block;border-radius:20px;padding:3px 9px;background:#80edc422;color:#80edc4;font-size:10px}.muted{color:#8aabad}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}.hero{padding:55px 0}.cards,.admin-grid,.split{grid-template-columns:1fr}.split{gap:20px}.section-top{align-items:stretch;flex-direction:column}.metrics{flex-wrap:wrap}.metric{min-width:100px}nav{gap:12px}nav a{font-size:10px}.page-title{padding-top:25px}.panel{padding:20px}h1 span{margin-left:0}footer{flex-wrap:wrap}}
.plugin-shot{display:block;width:100%;height:auto;border:1px solid #34565d;border-radius:8px;margin:20px 0}.cards article{min-width:0}.brand{font-family:Verdana,Arial,sans-serif;font-size:16px;font-weight:700}
.listening-room,.soundbank-section{padding:55px 0 28px;border-top:1px solid #24434a;scroll-margin-top:24px}.section-intro{max-width:770px;margin-bottom:30px}.section-intro h2{font-size:clamp(29px,4vw,44px);letter-spacing:-.045em}.section-intro p:not(.eyebrow){color:#a0bdbd}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo-card{margin:0;border:1px solid #294b53;background:#0a242b;border-radius:15px;overflow:hidden;min-width:0;scroll-margin-top:24px}.demo-card figcaption{padding:22px 24px 8px}.demo-card h3{font-size:15px;margin:8px 0 14px;line-height:1.5}.demo-card video{display:block;width:100%;height:auto;aspect-ratio:1080/800;background:#04171d}.demo-card>.small{padding:14px 24px;margin:0;color:#819fa4}.reference-credit{color:#809fa4;font-size:11px;line-height:1.9;margin:22px 0 0}.reference-credit a{text-underline-offset:3px}.bank-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;margin:34px 0}.bank-steps p{color:#94b3b6;font-size:12px}.step-number{display:block;color:#80edc4;font-size:12px;letter-spacing:.14em;margin-bottom:14px}.bank-shot{margin:0 0 35px}.bank-shot img{display:block;width:100%;height:auto;border:1px solid #34565d;border-radius:13px}.bank-shot figcaption{text-align:center;color:#819fa4;font-size:11px;padding:14px 0}.instrument-demo{max-width:870px;margin:0 auto 30px}.hero .actions{flex-wrap:wrap;gap:12px}video::cue{background:#061b22dd;color:#e0f3ed}html{scroll-padding-top:20px}@media(max-width:760px){header{gap:16px;flex-wrap:wrap}header nav{flex-wrap:wrap;gap:12px}.preview-grid,.bank-steps{grid-template-columns:1fr}.section-intro h2{font-size:30px}.bank-steps{gap:12px}.bank-steps li{border-bottom:1px solid #24434a;padding-bottom:10px}.listening-room,.soundbank-section{padding-top:38px}.demo-card figcaption{padding:19px 18px 8px}.bank-shot figcaption{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.form-hint{margin:16px 0 0;line-height:1.7}

@font-face {
  font-family: 'Plex Mono';
  src: url('./plex-mono-latin.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

:root[lang=de] {
  --language-flag: linear-gradient(
    #141414 0 33.333%,
    #d00 33.333% 66.667%,
    #ffce00 66.667%
  );
}
:root[lang=en] {
  --language-flag: url('./flag-en.svg');
}

header .language-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  min-width: 34px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ffffff38;
  border-radius: 4px;
  text-decoration: none;
}
header .language-button,
header .language-button:hover {
  background: #0b101b;
  border-color: #ffffff38;
  filter: none;
}
header .language-button::before,
header .language-button::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
header .language-button::before {
  background-image: var(--language-flag);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: .28;
}
header .language-button::after {
  background:
    radial-gradient(circle at 28% 20%, #ffffff0a, transparent 55%),
    linear-gradient(transparent 65%, #0003);
  box-shadow: inset 0 0 0 1px #ffffff0d;
}
header .language-button:hover::after {
  background: #ffffff08;
}
header .language-button .language-code {
  position: relative;
  z-index: 1;
  color: #f4f5fa;
  font: 600 11px/1 'Plex Mono', monospace;
  letter-spacing: .06em;
  text-shadow: 0 1px 3px #000;
}
header .language-button:focus-visible {
  outline: 2px solid #80edc4;
  outline-offset: 4px;
}
.downloads .platform-download {display:grid;grid-template-columns:18px minmax(0,1fr);width:100%;min-height:44px;gap:12px;padding:12px 18px;text-align:left;white-space:normal}
.platform-download span {min-width:0;line-height:1.4}
.platform-icon {display:block;width:16px;height:16px;flex:0 0 16px;fill:currentColor}
#devices .device-row {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;white-space:normal}
.device-info {min-width:0;overflow-wrap:anywhere}
.device-info strong,.device-info span {display:block}
.device-info strong {font-size:13px}
.device-info span {color:#8daeb2;margin-top:4px}
#devices .device-release {flex-shrink:0;margin:0;min-height:38px;padding:10px 16px;background:#b94f43;border-color:#d67e70;color:#fff5f0;border-radius:8px;font-size:10px}
#devices .device-release:hover {background:#cc6253;filter:none}
#beta-downloads {margin:28px 0}
#beta-downloads h3 {font-size:13px;margin-bottom:12px}
.account-release-window {max-height:240px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#497f7c #071e25;background:#071e2580;border:1px solid #29494f;border-radius:10px;padding:0 14px}
.account-release-window:focus-visible {outline:2px solid #80edc4;outline-offset:3px}
.account-release {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #24434a}
.account-release:last-child {border-bottom:0}
.account-release-info {min-width:0}
.account-release-downloads {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.account-release-info strong {font-size:12px;margin-right:12px;color:#e0f3ed}
.account-release-info span {font-size:11px;color:#8daeb2;overflow-wrap:anywhere}
.account-download {flex-shrink:0;min-height:34px;padding:8px 12px;font-size:10px;gap:10px;border-radius:7px}
.account-download .platform-icon {width:14px;height:14px}
.download-arrow {color:#80edc4;font-size:15px;line-height:1}
@media(max-width:480px) {#devices .device-row{align-items:flex-start;flex-direction:column;gap:16px}.account-release-info strong,.account-release-info span{display:block}.account-release-info strong{margin:0 0 3px}.account-release{gap:10px;align-items:stretch;flex-direction:column}.account-release-downloads{justify-content:flex-start}.account-download{padding:8px;gap:7px}}
.releases-heading {margin:28px 0 12px}
.release-window {max-height:440px;max-height:min(440px,60vh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;border:1px solid #29494f;border-radius:12px;background:#071e25;padding:0 18px;scrollbar-width:thin;scrollbar-color:#497f7c #071e25}
.release-window:focus-visible {outline:2px solid #80edc4;outline-offset:3px}
.release-window::-webkit-scrollbar {width:8px}
.release-window::-webkit-scrollbar-thumb {background:#497f7c;border:2px solid #071e25;border-radius:8px}
.release-row {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #24434a}
.release-row:last-child {border-bottom:0}
.release-info {min-width:0;overflow-wrap:anywhere}
.release-info strong {display:block;font-size:13px}
.release-meta {display:block;color:#779ea2;font-size:10px;margin-top:3px}
.release-info p {margin:8px 0 0;white-space:pre-wrap}
.release-actions {display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.release-status {display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;line-height:1.4;padding:7px 10px;border:1px solid;border-radius:6px;white-space:nowrap}
.release-status::before {content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
.is-published {color:#8de4c5;background:#80edc40d;border-color:#80edc42b}
.is-draft {color:#a0b8bc;background:#a0b8bc0a;border-color:#a0b8bc33}
.release-toggle {min-width:132px;min-height:36px;padding:9px 13px;font-size:10px;border-radius:7px}
.release-publish {color:#08232b;background:#80edc4;border-color:#80edc4}
.release-withdraw {color:#b3c9cc;background:transparent;border-color:#3d5d65}
.release-withdraw:hover {color:#ffc09a;background:#ff955b0d;border-color:#ad7655}
.release-toggle:disabled {opacity:.5;cursor:wait}
.license-actions {display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:188px}
td .license-actions button {margin:0}
td .license-actions .delete-license {display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:6px;color:#d39487;background:#cf76620a;border:1px solid #a26b5f55;border-radius:7px}
.delete-license:hover {color:#ffd0c4;background:#ce756225!important;border-color:#d39487!important}
.delete-license svg {display:block;pointer-events:none}
.delete-dialog {width:min(480px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:28px;color:#dcece7;background:#0c272d;border:1px solid #497078;border-radius:16px;box-shadow:0 24px 100px #0009}
.delete-dialog::backdrop {background:#020c10c9;backdrop-filter:blur(4px)}
.delete-dialog p {font-size:12px;color:#adc4c5}
.delete-dialog .delete-identity {padding:14px;background:#071e25;border:1px solid #29494f;border-radius:9px;overflow-wrap:anywhere}
.delete-identity strong,.delete-identity span,.delete-identity small {display:block}
.delete-identity strong {color:#e0f3ed}
.delete-dialog .small {font-size:10px;color:#89a8ac}
.delete-dialog .actions {justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:24px}
.delete-confirm {background:#b95345;border-color:#d17d6c;color:#fff4ef}
@media(max-width:760px) {.release-row{flex-direction:column;align-items:stretch;gap:14px}.release-actions{justify-content:space-between;gap:8px}.release-window{padding:0 12px}.release-toggle{min-width:120px}}
.bundle-download {margin:44px auto 0;max-width:740px;scroll-margin-top:28px;padding:28px 32px 32px;border:1px solid #80edc470;border-top:3px solid #80edc4;border-radius:16px;background:linear-gradient(135deg,#19473e,#10343b);box-shadow:0 12px 36px #020f1538;text-align:center}
.bundle-download h2 {margin:0 0 22px;font-size:clamp(22px,3vw,28px);letter-spacing:-.035em;color:#e9fff6}
.bundle-download .downloads {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bundle-download .platform-download {min-height:58px;padding:17px 22px;grid-template-columns:22px minmax(0,1fr);gap:14px;font-size:12px;border-radius:10px}
.bundle-download a.platform-download {color:#062b27;background:#80edc4;border-color:#a0ffda;box-shadow:0 4px 14px #020f1526}
.bundle-download a.platform-download:hover {background:#a0ffda;filter:none}
.bundle-download .platform-icon {width:20px;height:20px}
@media(max-width:480px) {.bundle-download{padding:24px 18px;margin-top:34px}.bundle-download .downloads{grid-template-columns:1fr}.bundle-download .platform-download{padding:16px 18px}}
.downloads .platform-download:disabled {opacity:1;cursor:default;color:#789a9e;background:#0a202766;border-color:#24434a;filter:none}
.bundle-download .platform-download:disabled {color:#b5cccb;background:#0b262dc9;border-color:#608983}
footer .github-link {display:inline-flex;align-items:center;gap:7px;margin-left:0;color:#9ebdbb;text-decoration:none}
.footer-credit a {margin-left:0;color:inherit;text-decoration:none}
.footer-credit a:hover {color:#e0f3ed;text-decoration:underline;text-underline-offset:3px}
.github-link img {display:block;filter:brightness(0) invert(1);opacity:.75}
.github-link:hover {color:#e0f3ed}
.github-link:hover img {opacity:1}
body {isolation:isolate}
.ocean-background {position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:strict}
.ocean-background span {position:absolute;left:var(--x);bottom:-40px;width:var(--size);height:var(--size);border:1px solid #80edc435;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d8fff221,transparent 48%);box-shadow:inset 1px 1px 3px #a8ffe20d;opacity:0;animation:nemo-bubble-rise var(--duration) linear var(--delay) infinite}
.ocean-background span:nth-child(1) {--x:4%;--size:9px;--duration:27s;--delay:-13s;--drift:22px}
.ocean-background span:nth-child(2) {--x:13%;--size:5px;--duration:34s;--delay:-27s;--drift:-17px}
.ocean-background span:nth-child(3) {--x:21%;--size:17px;--duration:30s;--delay:-5s;--drift:31px}
.ocean-background span:nth-child(4) {--x:29%;--size:7px;--duration:24s;--delay:-17s;--drift:-24px}
.ocean-background span:nth-child(5) {--x:36%;--size:11px;--duration:32s;--delay:-21s;--drift:18px}
.ocean-background span:nth-child(6) {--x:43%;--size:4px;--duration:38s;--delay:-9s;--drift:-30px}
.ocean-background span:nth-child(7) {--x:51%;--size:15px;--duration:29s;--delay:-24s;--drift:26px}
.ocean-background span:nth-child(8) {--x:58%;--size:6px;--duration:35s;--delay:-12s;--drift:-19px}
.ocean-background span:nth-child(9) {--x:64%;--size:10px;--duration:26s;--delay:-4s;--drift:33px}
.ocean-background span:nth-child(10) {--x:71%;--size:19px;--duration:33s;--delay:-26s;--drift:-27px}
.ocean-background span:nth-child(11) {--x:78%;--size:5px;--duration:28s;--delay:-16s;--drift:15px}
.ocean-background span:nth-child(12) {--x:84%;--size:13px;--duration:36s;--delay:-8s;--drift:-32px}
.ocean-background span:nth-child(13) {--x:91%;--size:8px;--duration:25s;--delay:-20s;--drift:24px}
.ocean-background span:nth-child(14) {--x:97%;--size:16px;--duration:31s;--delay:-3s;--drift:-21px}
@keyframes nemo-bubble-rise {0%{transform:translate3d(0,0,0);opacity:0}8%,82%{opacity:.7}100%{transform:translate3d(var(--drift),calc(-100vh - 80px),0);opacity:0}}
@media(prefers-reduced-motion:reduce) {.ocean-background{display:none}.ocean-background span{animation:none}}
@media(max-width:760px) {.ocean-background span:nth-child(even){display:none}}