:root{color-scheme:dark;--bg:#101216;--panel:#1a1d24;--line:#303540;--text:#edf0f7;--muted:#a0a8b9;--accent:#a5baff}
/* Einheitlich eckige Oberfläche, einschließlich nativer Upload-Buttons. */
*,*::before,*::after{border-radius:0!important}
input::file-selector-button{border-radius:0!important}
.detail-action.danger{color:#ffaaa7;border-color:#764546}
.detail-action.danger:hover{background:#422728}
#editError{color:#ffaaa7;font-size:13px}
#deleteError{color:#ffaaa7;font-size:13px}
#editStatusLabel[hidden]{display:none}
body{background:radial-gradient(ellipse at 80% 0,#20294255,transparent 50%),var(--bg)}.topbar{border-color:var(--line)}.brand-mark{background:var(--accent)}.brand-mark i{border-left-color:#152039}.brand-name span{color:var(--accent)}.add-button,.button-primary{background:var(--accent);color:#152039;border-radius:9px}.add-button:hover,.button-primary:hover{background:#c1ceff}
.page-nav{display:flex;gap:30px;border-bottom:1px solid var(--line);padding-top:14px}.page-nav a{padding:18px 2px;text-decoration:none;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.page-nav a[aria-current]{color:var(--accent);border-color:var(--accent)}.page-nav a:hover{color:var(--text)}.studio-intro{padding:38px 0 32px}.studio-intro h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px}.studio-total strong{font-size:42px}.studio-total{border-color:var(--line)}.filter-bar{border-color:var(--line)}.filter.active{color:var(--accent)}.resume-row{background:#202737;border:1px solid #303c54;border-radius:12px}.resume-cover{background:#313e59;color:var(--accent);border-radius:5px}.resume-button{background:#344362;color:#d3dfff;border-radius:8px}.resume-button:hover{background:#455983}.progress{background:#3a4760}.media-card{background:var(--panel);border-color:var(--line);border-radius:12px}.media-card:hover{border-color:#697dab;box-shadow:0 8px 24px #0002}.poster{border-radius:6px}.favorite{color:#a3adbf}.favorite.on{color:var(--accent)}.empty-state{background:var(--panel);border-color:var(--line);border-radius:14px}.empty-symbol{background:#29334b;color:var(--accent)}.studio-footer{color:var(--muted)}
.dialog{background:var(--panel);border:1px solid #394353;border-radius:16px}.dialog::backdrop{background:#06080dbd}.dialog input,.dialog select{background:#12151c;color:var(--text);border-color:#3a4251;border-radius:7px}.dialog label{color:#c1cbdd}.dialog input::file-selector-button{background:#303e5b;color:#d3dfff}.close,.close-detail{background:#303848;color:var(--text);border-radius:7px}.button-secondary,.detail-action{background:#202631;color:var(--text);border-color:#3a4559;border-radius:7px}.button-secondary:hover,.detail-action:hover{background:#303e59}.detail-action.primary{color:#152039;background:var(--accent)}.login-gate{background:var(--bg)}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.login-card input{background:#12151c;border-color:var(--line);color:var(--text)}.login-card .login-error{color:#ff9e9e}
@media(max-width:650px){.page-nav{gap:28px}.studio-intro{padding-top:28px}.studio-intro h1{font-size:32px}.studio-total strong{font-size:32px}}

/* Feinschliff: ruhigere Flächen, klare Hierarchie und konsistente Abstände. */
:root{--bg:#111318;--panel:#191d25;--line:#2c3340;--muted:#a4afc1}
main{max-width:1320px}
.topbar{height:84px}
.brand-name{font-weight:600;letter-spacing:-.9px}
.brand-mark{width:32px;height:32px}
.page-nav{gap:34px;padding-top:6px}
.page-nav a{padding:17px 3px;font-weight:500}
.page-nav a[aria-current]{text-shadow:0 0 24px #a5baff30}
.studio-intro{padding:34px 0 30px}
.studio-kicker{margin-bottom:14px;letter-spacing:1.6px}
.studio-intro h1{font-size:clamp(30px,3.5vw,42px);font-weight:600;letter-spacing:-1.3px}
.studio-description{margin-top:12px}
.studio-total{padding-left:28px;min-width:100px}
.studio-total strong{font-size:36px;font-variant-numeric:tabular-nums;margin-bottom:7px;color:#cad6f6}
.filter-bar{gap:24px;margin-bottom:22px}
.filter{font-size:12px}
.small-cards{gap:16px}
.media-card{padding:15px;column-gap:18px;background:linear-gradient(120deg,#1c212b,#191d25);transition:border-color .18s,background .18s}
.media-card:hover{background:#202735;border-color:#576b90;box-shadow:none}
.media-label{top:18px;left:128px;font-size:9px;letter-spacing:.8px;color:#b2c5f7}
.media-card h3{font-size:16px;font-weight:600;letter-spacing:-.2px}
.media-card p{color:#acb6c7}
.favorite{width:32px;height:32px;top:9px;right:9px}
.favorite:hover{background:#303a4d;color:#dae4ff}
.resume-row{background:#1c2433;border-color:#303d54}
.resume-info h3{font-weight:600}
.resume-button{border:1px solid #45577a;background:#2b3953}
.empty-state{padding:48px 24px;background:linear-gradient(135deg,#1c2330,#171b23)}
.empty-state h2{font-size:24px}
.empty-state p{max-width:380px;margin:0 auto 24px}
.empty-symbol{border:1px solid #394963;background:#242f44;width:54px;height:54px;font-size:27px}
.add-button,.button-primary{font-weight:600;transition:background .16s}
.dialog{box-shadow:0 28px 100px #0008;border-color:#465168}
.dialog form,.detail-inner{padding:30px}
.dialog-heading{margin-bottom:22px;border-color:var(--line)}
.dialog h2{font-size:25px;letter-spacing:-.7px}
.dialog label{font-size:12px;gap:9px}
.dialog input,.dialog select{height:45px;border-color:#354052}
.dialog input:focus,.dialog select:focus{border-color:var(--accent)}
.dialog menu{gap:12px;padding-top:22px}
.close:hover,.close-detail:hover{background:#46536b}
.detail-action.danger{border-color:#784b50;color:#ffb5b5}
.detail-action.danger:hover{background:#42282f}
.studio-footer{margin-top:36px;font-size:9px;letter-spacing:1.2px}
@media(max-width:650px){
  .topbar{height:74px}.page-nav{gap:26px}
  .studio-intro{padding:27px 0}.studio-intro h1{font-size:30px}
  .studio-total{padding-left:15px;min-width:66px}.studio-total strong{font-size:30px}
  .dialog form,.detail-inner{padding:22px}.dialog h2{font-size:23px}
  .empty-state{padding:35px 18px}.empty-state h2{font-size:21px}
}