:root {
  color-scheme:light;
  --xp-face:#f4f3ed; --xp-blue:#245a96; --xp-ink:#263447; --xp-edge:#b8c0c8;
  font-family:Tahoma,Arial,sans-serif; font-size:12px; color:var(--xp-ink); background:var(--xp-face);
}
* { box-sizing:border-box; }
body { margin:0; font-family:Tahoma,Arial,sans-serif; color:var(--xp-ink); }
button,input,select,textarea { font:inherit; color:inherit; }
button,.file-button {
  border:1px solid var(--xp-edge); border-radius:3px; padding:5px 10px;
  background:linear-gradient(#fff,#eeeee8); box-shadow:inset 0 1px #fff;
  cursor:pointer; min-height:30px; white-space:nowrap;
}
button:hover:not(:disabled),.file-button:hover { border-color:#7398c0; background:#edf4fb; }
button:active:not(:disabled),button[aria-pressed="true"] { background:#dae7f5; border-color:#7398c0; box-shadow:inset 0 1px 2px #1b3e6526; }
button:disabled { color:#69737e; cursor:default; box-shadow:none; }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,.file-button:focus-within { outline:2px solid #2d6caf; outline-offset:2px; }
input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea { background:#fff; border:1px solid #a7b3c0; border-radius:2px; padding:4px 6px; min-height:28px; max-width:100%; }
input[type=number] { width:65px; }
input[type=checkbox],input[type=range] { accent-color:#245a96; }
input[type=range] { min-width:0; max-width:100%; }
input[type=color] { width:36px; height:28px; padding:2px; border:1px solid #a7b3c0; background:#fff; }
label { display:inline-flex; align-items:center; gap:6px; }
fieldset { border:1px solid #c6cbd0; border-radius:3px; padding:12px; min-width:0; }
legend { color:#344b64; font-weight:bold; padding:0 4px; }
h1,h2,h3 { font-family:Tahoma,Arial,sans-serif; }
h2 { font-size:13px; }
h3 { font-size:12px; }
.file-button { display:inline-flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.file-button input[type=file] { position:absolute; inset:0; opacity:0; width:100%; cursor:pointer; }
.hint { font-size:11px; line-height:1.6; color:#536172; }
a { color:#245a96; }
dialog { padding:0; border:1px solid #8799ad; border-radius:5px; background:#f4f3ed; color:#263447; max-width:min(620px,calc(100vw - 32px)); box-shadow:0 12px 40px #15294440; }
dialog::backdrop { background:#15294444; }
dialog form { padding:20px; display:grid; gap:16px; }
dialog h2 { margin:0 0 8px; font-size:16px; }
.dialog-buttons { display:flex; justify-content:flex-end; gap:8px; }
[hidden] { display:none !important; }
.toolbar { display:flex; align-items:center; gap:6px; flex-wrap:wrap; padding:6px 10px; border-bottom:1px solid #c6cbd0; background:#fbfaf6; }
.toolbar-space { flex:1; }
.separator { height:24px; border-left:1px solid #d3d6d8; margin:0 6px; }
kbd { font:11px Tahoma,Arial,sans-serif; color:inherit; }
@media (forced-colors:active) { button,.file-button,dialog { border:1px solid ButtonText; } }