:root{
  --theme-primary:#79efd5;
  --theme-primary-rgb:121,239,213;
  --theme-secondary:#b6c4d6;
  --theme-secondary-rgb:182,196,214;
  --theme-surface:rgba(23,27,33,.96);
  --theme-surface-soft:#10151b;
  --theme-text:#f2f5f7;
  --theme-muted:#9ba6b4;
  --theme-body-edge:#151a21;
  --theme-body-center:#0d1014;
  --bg:var(--theme-body-center);
  --panel:var(--theme-surface);
  --line:rgba(var(--theme-primary-rgb),.24);
  --text:var(--theme-text);
  --muted:var(--theme-muted);
  --accent:var(--theme-primary);
}
html[data-theme="arktis"]{
  --theme-primary:#77c8e8;--theme-primary-rgb:119,200,232;
  --theme-secondary:#a8ded2;--theme-secondary-rgb:168,222,210;
  --theme-surface:rgba(7,18,25,.94);--theme-surface-soft:#101c24;
  --theme-text:#e8f3f7;--theme-muted:#91a9b4;
  --theme-body-edge:#18262e;--theme-body-center:#071219;
}
html[data-theme="altstadt"]{
  --theme-primary:#adaba9;--theme-primary-rgb:173,171,169;
  --theme-secondary:#8d8884;--theme-secondary-rgb:141,136,132;
  --theme-surface:rgba(60,56,54,.96);--theme-surface-soft:#554f4b;
  --theme-text:#e4e1de;--theme-muted:#adaba9;
  --theme-body-edge:#554f4b;--theme-body-center:#3c3836;
}
html[data-theme="rubinwinter"]{
  --theme-primary:#90c2e7;--theme-primary-rgb:144,194,231;
  --theme-secondary:#4e8098;--theme-secondary-rgb:78,128,152;
  --theme-surface:rgba(16,24,30,.96);--theme-surface-soft:#1b2831;
  --theme-text:#fcf7f8;--theme-muted:#ced3dc;
  --theme-body-edge:#334550;--theme-body-center:#0d1419;
}
html[data-theme="aurora"]{
  --theme-primary:#86efac;--theme-primary-rgb:134,239,172;
  --theme-secondary:#2dd4bf;--theme-secondary-rgb:45,212,191;
  --theme-surface:rgba(3,15,12,.96);--theme-surface-soft:#0b2a23;
  --theme-text:#f0fdf4;--theme-muted:#8fc9b0;
  --theme-body-edge:#0b211a;--theme-body-center:#020907;
}
html{background:var(--theme-body-center)}
html{
  --bg:var(--theme-body-center);
  --panel:var(--theme-surface);
  --line:rgba(var(--theme-primary-rgb),.24);
  --text:var(--theme-text);
  --muted:var(--theme-muted);
  --accent:var(--theme-primary);
}
body{background:linear-gradient(90deg,var(--theme-body-edge),var(--theme-body-center) 20%,var(--theme-body-center) 80%,var(--theme-body-edge))!important;color:var(--theme-text)!important}
body,button,input,select{color:var(--theme-text)}
header,.tools,.subtools,.work,.inspector,.layers-panel,.timeline,.account-card,.effect-card{background:var(--theme-surface)!important;border-color:rgba(var(--theme-primary-rgb),.24)!important}
button,.button-link{background:color-mix(in srgb,var(--theme-surface-soft) 82%,black)!important;border-color:rgba(var(--theme-secondary-rgb),.42)!important;color:var(--theme-text)!important}
button:hover,.button-link:hover{border-color:var(--theme-primary)!important}
.accent,.new-effect,.effect-actions a{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important;color:var(--theme-body-center)!important}
.brand>b,.login-logo{background:var(--theme-primary)!important;color:var(--theme-body-center)!important}
.brand span,.stage-head,.timeline-title,.subtool-page label,.inspector label,.account-title p,.effect-card p,#loading,#empty-list{color:var(--theme-muted)!important}
.panel-title span,.subtool-page output,.user-name,.editor-message{color:var(--theme-primary)!important}
input:not([type="range"]),select{background:color-mix(in srgb,var(--theme-surface-soft) 78%,black)!important;border-color:rgba(var(--theme-secondary-rgb),.42)!important;color:var(--theme-text)!important}
input[type="range"]{accent-color:var(--theme-primary)}
.tools button.active-tool,.mode-grid button.selected,.draw-tool-grid button.selected,.hardness-grid button.selected,.layer-item.selected{background:rgba(var(--theme-primary-rgb),.13)!important;border-color:var(--theme-primary)!important;color:var(--theme-primary)!important}
.selection-box,.rotate-line{stroke:var(--theme-primary)!important}.rotate-handle{fill:var(--theme-primary)!important}
.theme-control{display:flex;align-items:center;gap:6px;color:var(--theme-muted);font-size:11px;white-space:nowrap}
.theme-control select{min-width:112px;padding:7px 28px 7px 9px;border:1px solid rgba(var(--theme-secondary-rgb),.42);border-radius:7px}
.editor-message{min-width:0;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:11px}
#message.editor-message{height:auto;margin:0;color:var(--theme-primary);font-size:11px}
.project{align-items:center}.login-gate{background:rgba(4,8,11,.96)!important}.login-gate h1 small{color:var(--theme-primary);font-size:.58em;letter-spacing:.12em}
@media(max-width:1250px){.theme-control span{display:none}.theme-control select{min-width:95px}.editor-message{max-width:34%}}
