:root{--klappe-bg:#0e1013;--klappe-surface:#16191f;--klappe-surface-raised:#1d2127;--klappe-surface-hover:#242932;--klappe-border:#2b313b;--klappe-text:#e8eaee;--klappe-text-muted:#9aa3b0;--klappe-text-faint:#6b7482;--klappe-accent:#4c8dff;--klappe-accent-hover:#6ba0ff;--klappe-accent-contrast:#04070d;--klappe-success:#3fbf7f;--klappe-warning:#e0a83c;--klappe-danger:#e5484d;--klappe-radius:8px;--klappe-radius-sm:5px;--klappe-shadow:0 8px 28px rgba(0,0,0,0.45);--klappe-header-height:56px;--klappe-safe-top:env(safe-area-inset-top,0px);--klappe-header-total:calc(var(--klappe-header-height) + var(--klappe-safe-top));color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--klappe-bg);color:var(--klappe-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.mono{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-surface-raised);cursor:pointer;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.button:hover:not(:disabled){background:var(--klappe-surface-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--klappe-accent);border-color:var(--klappe-accent);color:var(--klappe-accent-contrast);font-weight:600}.button--primary:hover:not(:disabled){background:var(--klappe-accent-hover);border-color:var(--klappe-accent-hover)}.button--ghost{background:transparent;border-color:transparent;color:var(--klappe-text-muted);padding:6px 8px}.button--ghost:hover:not(:disabled){background:var(--klappe-surface-hover);color:var(--klappe-text)}.button--danger{border-color:color-mix(in srgb,var(--klappe-danger) 50%,transparent);color:var(--klappe-danger);background:transparent}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--klappe-danger) 15%,transparent)}.input,.select,.textarea{width:100%;padding:9px 11px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-bg);color:var(--klappe-text);font:inherit}.input:focus,.select:focus,.textarea:focus{outline:2px solid color-mix(in srgb,var(--klappe-accent) 60%,transparent);outline-offset:-1px;border-color:var(--klappe-accent)}.textarea{resize:vertical;min-height:76px;line-height:1.45}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field__label{font-size:13px;color:var(--klappe-text-muted)}.card{background:var(--klappe-surface);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius)}.card--form{padding:20px}.card--form+.card--form{margin-top:16px}.card__title{margin:0 0 14px;font-size:16px;font-weight:620}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--klappe-surface-hover);color:var(--klappe-text-muted);white-space:nowrap}.badge--ready{background:color-mix(in srgb,var(--klappe-success) 18%,transparent);color:var(--klappe-success)}.badge--processing{background:color-mix(in srgb,var(--klappe-warning) 18%,transparent);color:var(--klappe-warning)}.badge--failed{background:color-mix(in srgb,var(--klappe-danger) 18%,transparent);color:var(--klappe-danger)}.notice{padding:10px 12px;border-radius:var(--klappe-radius-sm);border:1px solid color-mix(in srgb,var(--klappe-danger) 45%,transparent);background:color-mix(in srgb,var(--klappe-danger) 12%,transparent);color:#ffb4b6;font-size:14px}.notice--warn{border-color:color-mix(in srgb,#e2b341 45%,transparent);background:color-mix(in srgb,#e2b341 12%,transparent);color:#f0d08a}.notice--ok{border-color:color-mix(in srgb,var(--klappe-success) 45%,transparent);background:color-mix(in srgb,var(--klappe-success) 12%,transparent);color:#a9e6bd}.notice code{padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--klappe-text) 12%,transparent);font-size:13px}.muted{color:var(--klappe-text-muted)}.faint{color:var(--klappe-text-faint)}.shell{display:flex;flex-direction:column;min-height:100%}.shell__header{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:var(--klappe-header-total);gap:16px;padding:var(--klappe-safe-top) 20px 0;background:var(--klappe-surface);border-bottom:1px solid var(--klappe-border)}.shell__brand,.shell__header{display:flex;align-items:center}.shell__brand{gap:9px;font-weight:650;letter-spacing:.2px}.shell__brand-mark{width:22px;height:22px;border-radius:4px;background:var(--klappe-accent);display:grid;place-items:center;color:var(--klappe-accent-contrast);font-size:13px}.shell__nav{display:flex;gap:4px;margin-left:10px}.shell__nav a{padding:6px 10px;border-radius:var(--klappe-radius-sm);color:var(--klappe-text-muted);font-size:14px}.shell__nav a:hover,.shell__nav a[data-active=true]{background:var(--klappe-surface-hover);color:var(--klappe-text)}.shell__spacer{flex:1 1}.player__umbruch{display:none}.shell__user{display:flex;align-items:center;gap:10px;font-size:14px}.usermenu{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid transparent;border-radius:999px;background:none;color:var(--klappe-text-muted);font:inherit;font-size:14px;cursor:pointer}.usermenu:hover,.usermenu[aria-expanded=true]{background:var(--klappe-surface-hover);color:var(--klappe-text)}.usermenu[aria-expanded=true]{border-color:var(--klappe-border)}.menu__head{display:flex;flex-direction:column;gap:1px;padding:6px 10px 8px;font-size:13px;max-width:260px;overflow-wrap:anywhere}.avatar{width:28px;height:28px;border-radius:50%;background:var(--klappe-surface-hover);border:1px solid var(--klappe-border);display:grid;place-items:center;font-size:12px;font-weight:600}.shell__main{flex:1 1;min-height:0}.page{max-width:1200px;margin:0 auto;padding:28px 20px 64px}.page__header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.page__title{margin:0;font-size:24px;font-weight:650}.page__subtitle{margin:4px 0 0;font-size:14px}.breadcrumb,.page__subtitle{color:var(--klappe-text-muted)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:6px}.breadcrumb a:hover{color:var(--klappe-text);text-decoration:underline}.empty{padding:48px 24px;text-align:center;color:var(--klappe-text-muted);border:1px dashed var(--klappe-border);border-radius:var(--klappe-radius)}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.tile{display:flex;flex-direction:column;overflow:hidden;transition:border-color .12s ease}.tile:hover{border-color:color-mix(in srgb,var(--klappe-accent) 55%,var(--klappe-border))}.tile__thumb{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center;color:var(--klappe-text-faint);font-size:13px;overflow:hidden}.tile__thumb img{width:100%;height:100%;object-fit:cover;display:block}.tile__body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.tile__customer{font-size:15px;font-weight:700;letter-spacing:.2px;margin-bottom:-2px}.tile__customer,.tile__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile__title{font-weight:600}.storagebar{position:relative;height:22px;border-radius:var(--klappe-radius-sm);background:var(--klappe-surface-raised);border:1px solid var(--klappe-border);overflow:hidden;margin:12px 0 8px}.storagebar__klappe,.storagebar__used{position:absolute;top:0;bottom:0;left:0;transition:width .2s ease}.storagebar__used{background:var(--klappe-text-faint)}.storagebar__used[data-level=eng]{background:#d29a2b}.storagebar__used[data-level=kritisch]{background:#c0483c}.storagebar__klappe{background:var(--klappe-accent);opacity:.85}.storagebar__legend{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.tile__fields{flex-direction:column;gap:2px}.tile__fields,.tile__meta{display:flex;font-size:12px}.tile__meta{flex-wrap:wrap;gap:8px;color:var(--klappe-text-muted)}.list{flex-direction:column;gap:10px}.list,.row{display:flex}.row{align-items:center;gap:14px;padding:12px 16px}.progress{height:4px;border-radius:999px;background:var(--klappe-surface-hover);overflow:hidden}.progress__bar{height:100%;background:var(--klappe-accent);transition:width .2s ease}.review{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:0;gap:0;height:calc(100vh - var(--klappe-header-total));height:calc(100dvh - var(--klappe-header-total))}.review__col{display:flex;flex-direction:column;min-width:0;overflow-y:auto;overflow-x:hidden}.review__details{padding:0 20px 20px}.review__details,.review__main{display:flex;flex-direction:column;gap:12px}.review__main{min-width:0;padding:16px 20px 12px}.review__side{border-left:1px solid var(--klappe-border);background:var(--klappe-surface);display:flex;flex-direction:column;min-height:0}@media (max-width:1000px){.review{display:flex;flex-direction:column;height:auto}.review__col{display:contents}.review__main{order:1}.review__side{order:2}.review__details{order:3;padding:12px 14px 40px}}.player{display:flex;flex-direction:column;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius);overflow:hidden;flex:0 0 auto;max-height:calc(100vh - 230px)}.player,.player__stage{position:relative;background:#000}.player__stage{aspect-ratio:16/9;display:grid;place-items:center;flex:0 1 auto;min-height:0;width:100%;overflow:hidden}.player>.timeline,.player__controls{flex:0 0 auto}.player:-webkit-full-screen{max-height:none;width:100vw;height:100vh;border:0;border-radius:0}.player:fullscreen{max-height:none;width:100vw;height:100vh;border:0;border-radius:0}.player:-webkit-full-screen .player__stage{aspect-ratio:auto;flex:1 1 auto;min-height:0;max-height:none}.player:fullscreen .player__stage{aspect-ratio:auto;flex:1 1 auto;min-height:0;max-height:none}.player__stage video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:#000}.player__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--klappe-text-muted);text-align:center;padding:24px;font-size:14px}.player__controls{align-items:center;gap:14px;padding:8px 12px;border-top:1px solid var(--klappe-border);flex-wrap:wrap}.player__controls,.player__panel{display:flex;background:var(--klappe-surface)}.player__panel{position:absolute;top:0;right:0;bottom:0;width:min(380px,100%);border-left:1px solid var(--klappe-border);flex-direction:column;min-height:0;transform:translateX(100%);transition:transform .22s ease;z-index:5;box-shadow:-8px 0 24px rgba(0,0,0,.35)}.player__panel[data-open=true]{transform:translateX(0)}.player__panel-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:8px 8px 8px 14px;border-bottom:1px solid var(--klappe-border)}.player__panel-title{font-weight:600;font-size:14px}.player__panel-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.player__counter{display:flex;align-items:baseline;gap:8px;padding:4px 10px;border-radius:var(--klappe-radius-sm);background:var(--klappe-bg);border:1px solid var(--klappe-border)}.player__timecode{font-size:16px;font-weight:600;letter-spacing:.4px}.player__frame,.player__rate{font-size:12px;color:var(--klappe-text-muted)}.player__rate{min-width:42px;text-align:center}.player__quality{width:auto;padding:4px 8px;font-size:12px}.iconbutton{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--klappe-radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--klappe-text-muted)}.iconbutton:hover:not(:disabled){background:var(--klappe-surface-hover);color:var(--klappe-text)}.iconbutton[data-active=true]{color:var(--klappe-accent)}.iconbutton:disabled{opacity:.4;cursor:not-allowed}.annotation-canvas{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:var(--klappe-bild-format,16/9);pointer-events:none;touch-action:none}.annotation-canvas[data-drawing=true]{pointer-events:auto;cursor:crosshair}.pentools{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--klappe-surface-raised);border-top:1px solid var(--klappe-border);flex-wrap:wrap}.pentools__label{font-size:12px;color:var(--klappe-text-muted);margin-right:4px}.pentools__color{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--klappe-border)}.pentools__color[data-active=true]{border-color:var(--klappe-text)}.pentools__divider{width:1px;height:18px;background:var(--klappe-border);margin:0 4px}.pentools__width{width:28px;height:22px;display:grid;place-items:center;border-radius:var(--klappe-radius-sm);border:1px solid transparent;background:transparent;cursor:pointer}.pentools__width[data-active=true]{border-color:var(--klappe-accent)}.pentools__width span{display:block;width:16px;border-radius:999px;background:var(--klappe-text)}.comment__pen{font-size:12px;color:var(--klappe-text-muted);display:inline-flex;align-items:center;gap:4px}.timeline{position:relative;padding:12px 12px 6px;background:var(--klappe-surface);-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline__track{position:relative;height:24px;cursor:pointer;touch-action:none}.timeline__rail{right:0;background:var(--klappe-surface-hover)}.timeline__buffered,.timeline__rail{position:absolute;top:10px;left:0;height:4px;border-radius:999px}.timeline__buffered{background:var(--klappe-border)}.timeline__played{position:absolute;top:10px;left:0;height:4px;border-radius:999px;background:var(--klappe-accent)}.timeline__playhead{position:absolute;top:4px;width:2px;height:16px;background:var(--klappe-text);border-radius:1px;transform:translateX(-1px);pointer-events:none}.timeline__marker{position:absolute;top:2px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--klappe-warning);border:1.5px solid var(--klappe-surface);cursor:pointer}.timeline__marker[data-resolved=true]{background:var(--klappe-success)}.timeline__preview{max-width:calc(100vw - 24px);position:absolute;bottom:38px;transform:translateX(-50%);background:var(--klappe-surface-raised);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);padding:4px;box-shadow:var(--klappe-shadow);pointer-events:none;z-index:5}.timeline__preview-image{background-repeat:no-repeat;border-radius:3px;background-color:#000}.timeline__preview-label{text-align:center;font-size:11px;padding-top:3px;color:var(--klappe-text-muted)}.timeline__scale{display:flex;justify-content:space-between;font-size:11px;color:var(--klappe-text-faint);padding-top:2px}.comments{display:flex;flex-direction:column;min-height:0;flex:1 1}.comments__header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--klappe-border)}.comments__title{font-weight:600;font-size:14px}.comments__list{flex:1 1;overflow-y:auto;padding:8px 12px 16px;display:flex;flex-direction:column;gap:6px}.comment{padding:10px 12px;border-radius:var(--klappe-radius-sm);border:1px solid transparent}.comment:hover,.comment[data-active=true]{background:var(--klappe-surface-raised)}.comment[data-active=true]{border-color:color-mix(in srgb,var(--klappe-accent) 55%,transparent)}.comment[data-resolved=true]{opacity:.62}.comment__head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.comment__author{font-weight:600;font-size:13px}.comment__time{font-size:12px;color:var(--klappe-text-faint)}.comment__tc{font-size:12px;padding:1px 7px;border-radius:4px;background:color-mix(in srgb,var(--klappe-accent) 20%,transparent);color:var(--klappe-accent);cursor:pointer;border:none}.comment__tc:hover{background:color-mix(in srgb,var(--klappe-accent) 34%,transparent)}.comment__body{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.comment__actions{display:flex;gap:2px;margin-top:6px;opacity:0;transition:opacity .12s ease}.comment:hover .comment__actions,.comment[data-active=true] .comment__actions{opacity:1}.comment__actions button{background:none;border:none;padding:2px 6px;font-size:12px;color:var(--klappe-text-faint);cursor:pointer;border-radius:4px}.comment__actions button:hover{color:var(--klappe-text);background:var(--klappe-surface-hover)}.comment__replies{margin:6px 0 0 14px;padding-left:10px;border-left:2px solid var(--klappe-border);display:flex;flex-direction:column;gap:4px}.mention{color:var(--klappe-accent);background:color-mix(in srgb,var(--klappe-accent) 15%,transparent);border-radius:3px;padding:0 3px}.composer{border-top:1px solid var(--klappe-border);padding:12px;background:var(--klappe-surface);position:relative}.composer__row{gap:8px;margin-top:8px;flex-wrap:wrap}.composer__pin,.composer__row{display:flex;align-items:center}.composer__pin{gap:6px;font-size:12px;color:var(--klappe-text-muted);cursor:pointer;flex:1 1 auto;min-width:0}.suggestions{position:absolute;bottom:calc(100% - 8px);left:12px;right:12px;background:var(--klappe-surface-raised);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);box-shadow:var(--klappe-shadow);overflow:hidden;z-index:10}.suggestions__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;text-align:left;cursor:pointer;font-size:13px}.suggestions__item:hover,.suggestions__item[data-active=true]{background:var(--klappe-surface-hover)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__card{width:100%;max-width:380px;padding:28px}.login__brand{display:flex;align-items:center;gap:10px;margin-bottom:4px;font-size:20px;font-weight:650}.dialog-backdrop{position:fixed;inset:0;background:rgba(4,6,10,.65);display:grid;place-items:center;padding:24px;z-index:50}.dialog{width:100%;max-width:460px;padding:22px;box-shadow:var(--klappe-shadow);background:var(--klappe-surface)}.dialog__title{margin:0 0 16px;font-size:17px;font-weight:640}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--klappe-border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--klappe-text-faint);font-weight:600}.toolbar{align-items:center;flex-wrap:wrap}.share,.toolbar{display:flex;gap:8px}.share{flex-direction:column;padding:12px 14px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-bg)}.share[data-inactive=true]{opacity:.6}.share__url{display:flex;align-items:center;gap:8px}.share__url input{flex:1 1;min-width:0;font-size:12px;padding:6px 8px}.share__rights{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.share__rights,.switch{color:var(--klappe-text-muted)}.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px}.switch input{accent-color:var(--klappe-accent)}.filelist{display:flex;flex-direction:column;gap:1px;background:var(--klappe-border);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);overflow:hidden}.filelist__row{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--klappe-surface);font-size:14px}.filelist__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section{margin-top:28px}.section__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section__title{font-size:16px;font-weight:620;margin:0}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate__card{width:100%;max-width:440px;padding:28px}.gate__target{font-size:13px;color:var(--klappe-text-muted);margin:0 0 18px}.gate__code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:26px;letter-spacing:10px;text-align:center}.hint{font-size:12px;color:var(--klappe-text-faint);margin-top:4px}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:0 16px;gap:0 16px}.uploadpanel{position:fixed;right:20px;bottom:0;width:min(560px,calc(100vw - 40px));background:var(--klappe-surface);border:1px solid var(--klappe-border);border-bottom:none;border-radius:var(--klappe-radius) var(--klappe-radius) 0 0;box-shadow:var(--klappe-shadow);z-index:40;display:flex;flex-direction:column;max-height:min(70vh,620px)}.uploadpanel[data-open=true]{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,calc(100vw - 48px));max-height:min(82vh,860px);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius)}.uploadpanel[data-open=true]:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:-1;pointer-events:none}.uploadpanel[data-open=true] .uploadpanel__bar{border-radius:var(--klappe-radius) var(--klappe-radius) 0 0}@media (max-width:700px){.uploadpanel[data-open=true]{width:calc(100vw - 16px);max-height:88vh}}.uploadpanel__bar{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:var(--klappe-surface-raised);border:none;border-radius:var(--klappe-radius) var(--klappe-radius) 0 0;cursor:pointer;text-align:left}.uploadpanel__title{font-weight:620;font-size:14px}.uploadpanel__body{overflow-y:auto;padding:10px 14px 4px;display:flex;flex-direction:column;gap:10px}.uploadpanel__actions{display:flex;align-items:center;gap:8px;padding:10px 0 12px;position:-webkit-sticky;position:sticky;bottom:0;background:var(--klappe-surface)}.uploadjob{border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);padding:10px 12px;background:var(--klappe-bg)}.uploadjob[data-state=fehler]{border-color:color-mix(in srgb,var(--klappe-danger) 55%,transparent)}.uploadjob[data-state=fertig]{opacity:.75}.uploadjob__name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.uploadjob__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px 12px;gap:8px 12px;margin-top:8px}.uploadjob__hint{margin-top:6px;font-size:12px;color:var(--klappe-warning)}.uploadjob__transcode{display:flex;align-items:center;gap:8px;margin-top:6px}.shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:6px 18px;gap:6px 18px;font-size:13px;color:var(--klappe-text-muted)}.shortcuts--touch{display:none}@media (hover:none){.shortcuts--touch{display:grid;margin-top:6px}}.shortcuts__key{display:inline-block;min-width:22px;padding:1px 6px;margin-right:8px;border:solid var(--klappe-border);border-width:1px 1px 2px;border-radius:4px;background:var(--klappe-surface-raised);color:var(--klappe-text);font-size:11px;text-align:center}.guests{gap:10px}.guest,.guests{display:flex;flex-direction:column}.guest{gap:8px;padding:12px 14px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-bg)}.guest[data-blocked=true]{opacity:.62}.guest__rights{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.guest__links{margin:0;padding-left:18px;font-size:12px;color:var(--klappe-text-muted);line-height:1.7}a.badge:hover{border-color:var(--klappe-accent);color:var(--klappe-text)}.shell__brand-logo{height:22px;width:auto;max-width:140px;object-fit:contain}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--klappe-border)}.tabs__tab{padding:8px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--klappe-text-muted);font:inherit;font-size:14px;cursor:pointer}.tabs__tab[data-active=true]{color:var(--klappe-text);border-bottom-color:var(--klappe-accent)}.colorinput{width:48px;height:34px;padding:2px;background:var(--klappe-surface-raised);cursor:pointer}.brandpreview,.colorinput{border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm)}.brandpreview{display:flex;align-items:center;gap:12px;padding:14px;background:var(--klappe-bg)}.brandpreview__mark{font-weight:600;color:var(--klappe-accent)}.brandpreview__logo{height:30px;width:auto;max-width:180px;object-fit:contain}.login__or{display:flex;align-items:center;gap:10px;margin:14px 0 6px;font-size:12px;color:var(--klappe-text-faint)}.login__or:after,.login__or:before{content:"";flex:1 1;height:1px;background:var(--klappe-border)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--tag-color) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag-color) 14%,transparent);color:var(--klappe-text);font-size:12px;line-height:1.6;white-space:nowrap}.tag[data-small=true]{padding:1px 8px;font-size:11px}.tag--button{font-family:inherit;cursor:pointer}.tag--button:hover{border-color:var(--tag-color)}.tag--button[data-active=true]{background:var(--tag-color);border-color:var(--tag-color);color:#0e1013;font-weight:600}.tag__count{opacity:.7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.listbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding:4px 0 14px;border-bottom:1px solid var(--klappe-border);margin-bottom:18px;min-height:44px}.listbar__button{position:relative;width:38px;height:38px}.listbar__count{top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;color:var(--klappe-accent-contrast);font-size:10px;font-weight:700;line-height:16px;text-align:center}.listbar__count,.listbar__dot{position:absolute;border-radius:999px;background:var(--klappe-accent)}.listbar__dot{top:5px;right:5px;width:7px;height:7px}.listbar__switch{font-size:13px}.searchbox{position:relative;display:flex;align-items:center}.searchbox__icon{position:absolute;left:9px;display:flex;color:var(--klappe-text-faint);pointer-events:none}.searchbox__input{width:240px;padding-left:32px}.filtermenu__group+.filtermenu__group{margin-top:6px;padding-top:6px;border-top:1px solid var(--klappe-border)}.filtermenu__title{margin:4px 0 2px;padding:0 10px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--klappe-text-faint)}.filtermenu__option{display:flex;align-items:center;gap:8px;cursor:pointer}.filtermenu__dot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.filtermenu__reset{margin-top:4px;border-top:1px solid var(--klappe-border)}.filterbar__tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tile__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.projecttags{margin:4px 0 18px}.projecttags__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.projecttags__picker{margin-top:10px;padding:12px 14px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-surface)}.tagrow{display:flex;align-items:center;gap:10px;padding:8px 0;flex-wrap:wrap}.tagrow__name{flex:1 1 180px;min-width:0}.tagrow__rest{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tagrow__count{font-size:12px;min-width:62px;text-align:right}.tagrow__colors{display:flex;gap:3px}.tagrow__color{width:18px;height:18px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;font-size:10px;line-height:1;color:var(--klappe-text-muted)}.tagrow__color[data-active=true]{border-color:var(--klappe-text)}.tagrow__color--auto{background:var(--klappe-surface-raised);border-color:var(--klappe-border)}.embed{position:fixed;inset:0;display:flex;flex-direction:column;background:#000}.embed__video{flex:1 1 auto;min-height:0;width:100%;background:#000;object-fit:contain}.embed__bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 10px;background:rgba(0,0,0,.85);color:#e8e9ec;font-size:12px;line-height:1.3}.embed__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed__version{padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.14);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.embed__spacer{flex:1 1 auto}.embed__brand{opacity:.55}.embed--leer{align-items:center;justify-content:center;color:#9aa0a8;font-size:14px;text-align:center;padding:16px}.share__embed{padding:8px 10px;border-radius:var(--klappe-radius-sm);border:1px solid var(--klappe-border);background:var(--klappe-bg)}.menu{position:relative;display:inline-flex}.menu__trigger{font-size:18px;line-height:1}.menu__panel{position:fixed;min-width:200px;max-width:calc(100vw - 16px);max-height:min(60vh,420px);overflow-y:auto;background:var(--klappe-surface-raised);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);box-shadow:var(--klappe-shadow);z-index:45;display:flex;flex-direction:column;padding:4px}.menu__item{display:block;width:100%;padding:8px 10px;background:none;border:none;border-radius:calc(var(--klappe-radius-sm) - 2px);text-align:left;cursor:pointer;font-size:13px;color:var(--klappe-text)}.menu__item:hover{background:var(--klappe-surface-hover)}.menu__item--danger{color:var(--klappe-danger,#e5484d)}.menu__item[data-active=true]{background:var(--klappe-surface-hover);font-weight:600}.menu__separator{height:1px;margin:4px 6px;border:none;background:var(--klappe-border)}.dropzone{padding:24px 20px}.dropzone[data-dragging=true]{border-color:var(--klappe-accent)}.dropzone__title{color:var(--klappe-text)}.dropzone__hint{margin:6px 0 0;font-size:13px}.dropzone__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}@media (hover:none){.dropzone__draghint{display:none}}.videobar{flex-wrap:wrap}.videobar__title{font-size:19px;min-width:0;overflow-wrap:anywhere}.videobar__versions{width:auto}.videobar__actions{gap:4px;margin-left:auto}.grouphead,.videobar__actions{display:flex;align-items:center}.grouphead{gap:8px;margin:18px 0 10px}.grouphead__title{font-size:15px;font-weight:600}.grouphead:first-child{margin-top:0}.sidetabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--klappe-border);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.sidetabs::-webkit-scrollbar{display:none}.sidetabs__tab{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:none;border:none;border-bottom:2px solid transparent;color:var(--klappe-text-muted);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}.sidetabs__tab[data-active=true]{color:var(--klappe-text);border-bottom-color:var(--klappe-accent)}.sharepanel{display:flex;flex-direction:column;min-height:0;flex:1 1}.sharepanel__head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--klappe-border)}.sharepanel__title{font-weight:600;font-size:14px}.sharepanel__body{flex:1 1;min-height:0;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.sharepanel__link{border-left:2px solid var(--klappe-border);padding-left:10px;margin-top:6px}.sharepanel__rights{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:2px}.settingspage{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start;max-width:1100px}.sectionnav{display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:calc(var(--klappe-header-total) + 20px)}.sectionnav__title{font-size:20px;font-weight:600;margin-bottom:10px}.sectionnav__toggle{display:none;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-surface-raised);color:var(--klappe-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.sectionnav__list{display:flex;flex-direction:column;gap:2px}.sectionnav__backdrop,.sectionnav__drawerhead{display:none}.sectionnav__item{display:block;text-align:left;padding:8px 12px;border:none;border-radius:var(--klappe-radius-sm);background:none;color:var(--klappe-text-muted);font:inherit;font-size:14px;cursor:pointer}.sectionnav__item:hover{background:var(--klappe-surface-hover);color:var(--klappe-text)}.sectionnav__item[data-active=true]{background:var(--klappe-surface-raised);color:var(--klappe-text);font-weight:600}.settingspage__body{min-width:0}.settingspage__heading{font-size:20px;margin:0 0 4px}:is(.settingspage__body,.settingspage__body>form)>.page__subtitle{margin-top:0;margin-bottom:16px}:is(.settingspage__body,.settingspage__body>form)>:is(.card,form,fieldset)+:is(.card,form,fieldset){margin-top:16px}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.transcode__num{width:110px}.abschnitt:not(.card){border:0;margin:0;padding:0}.abschnitt{min-width:0}.abschnitt:disabled{opacity:.5}.manual{display:flex;flex-direction:column;gap:20px;max-width:760px}.manual__section{padding:22px 24px;scroll-margin-top:calc(var(--klappe-header-total) + 16px)}.manual__section h2{margin:0 0 10px;font-size:18px}.manual__section h3{margin:18px 0 6px;font-size:15px;color:var(--klappe-text-muted)}.manual__section p{margin:0 0 12px;color:var(--klappe-text)}.manual__section p:last-child{margin-bottom:0}.manual__section ol,.manual__section ul{margin:0 0 12px;padding-left:20px}.manual__section li{margin-bottom:4px}.kbd{display:inline-block;padding:1px 7px;border:solid var(--klappe-border);border-width:1px 1px 2px;border-radius:4px;background:var(--klappe-surface-raised);font-size:12px}.codeblock,.kbd{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace}.codeblock{margin:0 0 12px;padding:10px 12px;border-radius:var(--klappe-radius-sm);background:var(--klappe-bg);border:1px solid var(--klappe-border);font-size:12.5px;overflow-x:auto;white-space:pre}@media (max-width:860px){.settingspage{grid-template-columns:minmax(0,1fr);gap:16px}.sectionnav{position:static;gap:6px}.sectionnav__title{display:none}.sectionnav__toggle{display:inline-flex}.sectionnav__backdrop{display:block;position:fixed;inset:0;border:none;padding:0;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:60}.sectionnav[data-open=true] .sectionnav__backdrop{opacity:1;pointer-events:auto}.sectionnav__list{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);z-index:61;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--klappe-surface);border-right:1px solid var(--klappe-border);box-shadow:var(--klappe-shadow);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility .22s}.sectionnav[data-open=true] .sectionnav__list{transform:translateX(0);visibility:visible}.sectionnav__drawerhead{display:flex;align-items:center;gap:8px;padding:2px 2px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--klappe-border)}.sectionnav__drawertitle{flex:1 1;font-size:16px;font-weight:600}.sectionnav__item{padding:11px 12px}.table--cards thead{display:none}.table--cards,.table--cards tbody,.table--cards td,.table--cards tr{display:block;width:100%}.table--cards tr{margin-bottom:12px;padding:10px 12px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-surface)}.table--cards td{display:flex;align-items:center;gap:10px;padding:5px 0;border:none}.table--cards td:before{content:attr(data-label);flex:0 0 38%;font-size:12px;color:var(--klappe-text-faint)}.table--cards td:not([data-label]):before{content:none}.table--cards td .input,.table--cards td .select,.table--cards td .transcode__num{flex:1 1;width:auto;min-width:0}.shell__header{height:auto;min-height:var(--klappe-header-total);flex-wrap:wrap;gap:8px 12px;padding:calc(8px + var(--klappe-safe-top)) 14px 8px}.shell__nav,.usermenu__name{display:none}.usermenu{padding:4px}.manual__section{padding:16px}.page{padding:18px 14px 80px}.page__header{flex-wrap:wrap}.page__header .input{width:100%!important;flex:1 1 180px}.searchbox{flex:1 1 100%;order:-1}.searchbox__input{width:100%}.videobar__versions{flex:1 1 100%;width:100%}.videobar__actions{flex:1 1 100%;justify-content:flex-end}.review__main{padding:12px 14px 16px}.review__side{border-left:none;border-top:1px solid var(--klappe-border)}.dialog-backdrop{padding:12px;place-items:start center;overflow-y:auto}.dialog{padding:16px}.dialog__actions{flex-wrap:wrap}.uploadjob__name{max-width:none}}@media (max-width:700px){.review{height:auto}.player{max-height:none}.player__stage{aspect-ratio:var(--klappe-bild-format,16/9);max-height:68vh;max-height:68dvh}.player__controls{gap:12px;padding:6px 8px;justify-content:center;row-gap:6px}.player__controls .player__umbruch{display:block;flex-basis:100%;height:0}.player__controls .shell__spacer{display:none}.timeline__scale{align-items:baseline}.player__rate{min-width:32px}.player__controls [data-mobil=aus]{display:none}.timeline{padding:6px 10px 2px}.timeline__track{height:32px}.timeline__rail{top:14px}.timeline__playhead{top:8px;height:16px}.timeline__marker{top:6px;width:12px;height:12px;margin-left:-6px}.timeline__scale{font-size:10px}}@media (hover:none){.comment__actions{opacity:1}.iconbutton{width:44px;height:44px}.pentools{gap:10px;padding:10px 12px}.pentools__color,.pentools__width{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.sectionnav__backdrop,.sectionnav__list{transition:none}}@media (hover:none) and (max-width:860px){.input,.select,.textarea{font-size:16px}}.timeline__frame{color:var(--klappe-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timeline__now{display:flex;align-items:baseline;gap:10px;min-width:0}.timeline__now-tc{display:none}@media (max-width:480px){.timeline__frame{display:none}}@media (max-height:500px),(max-width:700px){.player__counter{display:none}.timeline__now-tc{display:inline;color:var(--klappe-text);font-size:13px;font-weight:600}}.bell,.bell__button{position:relative}.bell__dot{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--klappe-accent);color:var(--klappe-accent-contrast);font-size:10px;font-weight:700;line-height:16px;text-align:center}.bell__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(420px,calc(100vw - 24px));background:var(--klappe-surface);border:1px solid var(--klappe-border);border-radius:var(--klappe-radius);box-shadow:0 18px 44px rgb(0 0 0/45%);display:flex;flex-direction:column;overflow:hidden}@media (max-width:860px){.bell__panel{position:fixed;top:calc(var(--klappe-header-total) + 6px);left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto}}.bell__head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--klappe-border);flex-wrap:wrap}.bell__list{max-height:min(60vh,480px);overflow-y:auto}@media (max-width:860px){.bell__list{max-height:min(55dvh,480px)}}.bell__leer{margin:0;padding:18px 14px;color:var(--klappe-text-muted);font-size:13px;line-height:1.5}.bell__item{display:flex;align-items:flex-start;border-bottom:1px solid var(--klappe-border)}.bell__hin{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0;padding:10px 4px 10px 12px;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.bell__item:hover{background:var(--klappe-surface-hover)}.bell__weg{align-self:flex-start;margin:6px 6px 0 0;font-size:13px;line-height:1}.bell__fuss,.bell__weg:hover:not(:disabled){background:var(--klappe-surface-raised)}.bell__fuss{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--klappe-border)}.bell__push{font-size:12px}.bell__push-hint{font-size:12px;color:var(--klappe-text-muted);flex:1 1 100%}.bell__item[data-unread=true]{box-shadow:inset 3px 0 0 var(--klappe-accent)}.bell__zeile{display:flex;align-items:center;gap:6px;font-size:13px}.bell__wo{font-size:12px;color:var(--klappe-text-muted)}.bell__text{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sharepanel__erweitern{margin:8px 0 2px;padding:10px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);background:var(--klappe-bg)}.sharepanel__erweitern .switch{display:flex;align-items:center;gap:7px;margin-bottom:3px;font-size:13px}.downloadrow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--klappe-border);border-radius:var(--klappe-radius-sm);margin-bottom:8px}.downloadrow__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.downloadrow__text strong{font-size:14px}.settingspage__body .table{display:block;overflow-x:auto}.chipbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip__trigger{border:0;background:none;padding:0;cursor:pointer;display:inline-flex}.chip{gap:4px;cursor:pointer;border:1px solid transparent}.chip__trigger:focus-visible .chip,.chip__trigger:hover .chip{border-color:var(--klappe-border-strong,var(--klappe-border))}.chip--neutral{background:var(--klappe-surface-hover);color:var(--klappe-text-muted)}.chip--warn{background:color-mix(in srgb,var(--klappe-warning) 18%,transparent);color:var(--klappe-warning)}.chip--ready{background:color-mix(in srgb,var(--klappe-success) 18%,transparent);color:var(--klappe-success)}.badge--accent,.chip--accent{background:color-mix(in srgb,var(--klappe-accent) 18%,transparent);color:var(--klappe-accent)}.chip__count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.75}.chipmenu{padding:10px 12px;display:flex;flex-direction:column;gap:6px;max-width:300px}.chipmenu .hint{margin:0}.chipmenu__group{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:8px;border-top:1px solid var(--klappe-border)}