:root{--ref-tangerine:#ff5b19;--ref-charcoal:#161616;--ref-platinum:#e5e3d2;--ref-powderblue:#aecacd;--grund:color-mix(in srgb, var(--ref-platinum) 55%, #fff);--pult:#fff;--kante:color-mix(in srgb, var(--ref-charcoal) 12%, transparent);--schrift:var(--ref-charcoal);--leise:color-mix(in srgb, var(--ref-charcoal) 55%, transparent);--akzent:var(--ref-tangerine);--blatt:var(--ref-platinum);--schatten:0 1px 2px #1616160d, 0 6px 20px #1616160f;--rund:10px;--rund-klein:7px}*{box-sizing:border-box}body{background:var(--grund);color:var(--schrift);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;margin:0;font:400 13px/1.45 -apple-system,Helvetica Neue,Helvetica,Arial,sans-serif}main{max-width:1180px;margin:0 auto;padding:18px 18px 48px}a{color:var(--leise);border-bottom:1px solid var(--kante);text-decoration:none}a:hover{color:var(--schrift)}.pult{background:var(--pult);border-radius:var(--rund);box-shadow:var(--schatten);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:16px;padding:11px 14px;display:flex}.pult label{color:var(--leise);align-items:center;gap:8px;display:flex}.pult output{color:var(--schrift);font-variant-numeric:tabular-nums;min-width:3em}.pult input[type=text]{width:112px;font:inherit;color:var(--schrift);background:var(--grund);border:1px solid var(--kante);border-radius:var(--rund-klein);padding:5px 9px}.pult input[type=text]:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.pult input[type=range]{width:92px;accent-color:var(--akzent)}button{font:inherit;color:var(--schrift);cursor:pointer;background:var(--grund);border:1px solid var(--kante);border-radius:var(--rund-klein);padding:6px 13px}button:hover{border-color:var(--akzent);color:var(--akzent)}.toene{gap:6px;display:flex}.toene button{border:1px solid var(--kante);border-radius:50%;width:26px;height:26px;padding:0}.toene button[aria-pressed=true]{box-shadow:0 0 0 2px var(--akzent)}figure{background:var(--blatt);border-radius:var(--rund);box-shadow:var(--schatten);margin:0;padding:20px}svg{width:100%;height:auto;max-height:76vh;display:block}figcaption{color:color-mix(in srgb, var(--ref-charcoal) 45%, transparent);font-variant-numeric:tabular-nums;margin-top:12px;font-size:11px}figcaption b{color:var(--ref-charcoal);font-weight:600}body.voll{background:var(--blatt);height:100dvh;display:block;overflow:hidden}body.voll>svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100vw;height:100dvh;max-height:none;display:block}body.voll>svg:active{cursor:grabbing}.pult.schwebend{z-index:5;background:color-mix(in srgb, var(--pult) 62%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:none;box-shadow:none;border-bottom:1px solid var(--kante);opacity:0;pointer-events:none;border-radius:0;gap:6px 16px;margin:0;padding:8px 16px;font-size:12px;transition:opacity .18s;position:fixed;top:0;left:0;right:0;transform:none}.pult.schwebend.da,.pult.schwebend:focus-within{opacity:1;pointer-events:auto}.pult.leiste{z-index:5;box-shadow:none;border-bottom:1px solid var(--kante);background:color-mix(in srgb, var(--pult) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0;gap:6px 16px;margin:0 0 14px;padding:8px 16px;font-size:12px;position:sticky;top:0}.pult.leiste input[type=range]{width:84px}.pult.leiste input[type=text]{width:96px;padding:3px 7px}.pult.leiste button{padding:3px 9px}.wege{gap:14px;margin-left:auto;padding-left:10px;display:flex}.pult a{white-space:nowrap;border-bottom:none}.pult a:hover{color:var(--akzent)}.pult a[aria-current=page]{color:var(--schrift)}.pult.schwebend label{gap:5px}.pult.schwebend input[type=range]{width:74px}.pult.schwebend input[type=text]{background:0 0;width:88px;padding:3px 7px}.pult.schwebend button{background:0 0;padding:3px 9px}.pult.schwebend output{min-width:2.4em;font-size:11px}.pult.schwebend .toene button{width:18px;height:18px}.notiz{color:color-mix(in srgb, var(--ref-charcoal) 40%, transparent);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:34ch;font-size:11px;overflow:hidden}.pult select{font:inherit;color:var(--schrift);background:var(--grund);border:1px solid var(--kante);border-radius:var(--rund-klein);padding:3px 7px}.pult select:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}body:not(.werkstatt) .nur-werkstatt{display:none}button.getan{color:var(--akzent);border-color:var(--akzent)}