:root{--tone-000000:#000000;--tone-00000088:#00000088;--tone-181818:#181818;--tone-1b1b1b80:#1b1b1b80;--tone-212121:#212121;--tone-292929:#292929;--tone-333333:#333333;--tone-444444:#444444;--tone-4a4a4a:#4a4a4a;--tone-555555:#555555;--tone-666666:#666666;--tone-6e6e6e:#6e6e6e;--tone-757575:#757575;--tone-777777:#777777;--tone-7c7c7c:#7c7c7c;--tone-aaaaaa:#aaaaaa;--tone-adadad:#adadad;--tone-c7c7c7:#c7c7c7;--tone-cccccc:#cccccc;--tone-cfcfcf:#cfcfcf;--tone-d7d7d7:#d7d7d7;--tone-dddddd:#dddddd;--tone-dedede:#dedede;--tone-dfdfdf:#dfdfdf;--tone-e4e4e4:#e4e4e4;--tone-e5e5e5:#e5e5e5;--tone-e6e6e6:#e6e6e6;--tone-e7e7e7:#e7e7e7;--tone-e9e9e9:#e9e9e9;--tone-ebebeb:#ebebeb;--tone-eeeeee:#eeeeee;--tone-f0f0f0:#f0f0f0;--tone-f2f2f2:#f2f2f2;--tone-f3f3f3:#f3f3f3;--tone-f4f4f4:#f4f4f4;--tone-f5f5f5:#f5f5f5;--tone-f7f7f7:#f7f7f7;--tone-fafafa:#fafafa;--tone-ffffff:#ffffff;color-scheme:light}
:root[data-theme="dark"]{--tone-000000:#f2f2f2;--tone-00000088:#f2f2f288;--tone-181818:#dadada;--tone-1b1b1b80:#d7d7d780;--tone-212121:#d1d1d1;--tone-292929:#c9c9c9;--tone-333333:#bfbfbf;--tone-444444:#aeaeae;--tone-4a4a4a:#a8a8a8;--tone-555555:#9d9d9d;--tone-666666:#8c8c8c;--tone-6e6e6e:#848484;--tone-757575:#7d7d7d;--tone-777777:#7b7b7b;--tone-7c7c7c:#767676;--tone-aaaaaa:#9f9f9f;--tone-adadad:#9a9a9a;--tone-c7c7c7:#757575;--tone-cccccc:#6e6e6e;--tone-cfcfcf:#6a6a6a;--tone-d7d7d7:#5f5f5f;--tone-dddddd:#565656;--tone-dedede:#555555;--tone-dfdfdf:#535353;--tone-e4e4e4:#4c4c4c;--tone-e5e5e5:#4b4b4b;--tone-e6e6e6:#494949;--tone-e7e7e7:#484848;--tone-e9e9e9:#454545;--tone-ebebeb:#424242;--tone-eeeeee:#3e3e3e;--tone-f0f0f0:#3b3b3b;--tone-f2f2f2:#242424;--tone-f3f3f3:#222222;--tone-f4f4f4:#141414;--tone-f5f5f5:#202020;--tone-f7f7f7:#242424;--tone-fafafa:#202020;--tone-ffffff:#1c1c1c;color-scheme:dark}

.preferences-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0}
.preferences-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#preferencesDialog{width:min(430px,94vw)}#preferencesDialog h2{margin-bottom:12px}#preferencesDialog select{width:100%}#preferencesDialog label{margin:18px 0}#preferencesDialog p{font-size:13px;line-height:1.7}
:root[data-theme="dark"] .brand-icon{filter:invert(1)}:root[data-theme="dark"] dialog::backdrop{background:#000a}
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{color:#eee;background:#1c1c1c;border-color:#565656}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#aaa}
:root[data-theme="dark"] :focus-visible{outline-color:#bbb}
:root[data-theme="dark"] .workspace-toolbar label,:root[data-theme="dark"] .muted,:root[data-theme="dark"] small,:root[data-theme="dark"] label,:root[data-theme="dark"] .login-description{color:#b6b6b6}
@media(max-width:760px){.preferences-button .preferences-label{display:none}#workspace header .tools{gap:6px}#workspace header .preferences-button{width:38px;min-width:38px;padding:8px}#workspace header .tools button{font-size:11px}header{gap:10px}.login-page header{flex-wrap:nowrap}.login-page header>.badge{display:none}.brand-sub{max-width:120px}.login-page #preferencesButton{min-height:40px;width:40px;padding:8px}}