:root{--desk:#008080;--chrome:#c0c0c0;--ink:#171717;--paper:#fff;--text:#111;--title:linear-gradient(90deg,#000080,#1084d0);--title-ink:#fff;--edge:#808080;--radius:0px;--selection:#b5d5ff}*{box-sizing:border-box}body{margin:0;background:var(--desk);color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif;padding:20px max(14px,calc((100vw - 1120px)/2));min-height:100vh}.site-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;color:#fff;font-size:13px}.site-header a{color:#fff;text-underline-offset:4px}.site-header>a:first-child{font:bold 19px 'Courier New',monospace}.window{background:var(--chrome);padding:4px;border:2px solid;border-color:#fff #333 #333 #fff;box-shadow:8px 8px 0 #0003;border-radius:var(--radius);display:flex;flex-direction:column;height:calc(100dvh - 190px);min-height:380px}.titlebar{display:flex;align-items:center;gap:9px;background:var(--title);color:var(--title-ink);padding:7px 10px;min-height:42px;border-radius:var(--radius) var(--radius) 0 0}.titlebar h1{font:bold 15px/1.5 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex:1}.edition{font:10px monospace;letter-spacing:1px;opacity:.8}.menus{display:flex;position:relative;z-index:2;flex-shrink:0}.menus details{position:relative}.menus summary{list-style:none;padding:10px 14px;cursor:pointer;user-select:none;min-height:44px}.menus summary::-webkit-details-marker{display:none}.menus details[open]>summary{background:var(--title);color:var(--title-ink)}.dropdown{position:absolute;top:100%;left:0;width:240px;padding:8px;background:var(--chrome);color:var(--ink);border:2px outset #eee;box-shadow:3px 4px 0 #0004;display:flex;flex-direction:column;gap:5px}.menus details:last-child .dropdown{left:auto;right:0}.dropdown button,.dropdown a{text-align:left;color:inherit;text-decoration:none;background:transparent;border:0;padding:9px 10px;font:inherit;cursor:pointer;min-height:40px}.dropdown button:hover,.dropdown a:hover{background:var(--title);color:var(--title-ink)}.dropdown p{font-size:12px;margin:5px 9px}.dropdown label{padding:4px 8px}.dropdown select{width:100%;padding:9px;font-size:16px}.check{display:flex;align-items:center;gap:8px;min-height:40px}input[type=checkbox]{width:18px;height:18px}#editor{flex:1;min-height:100px;width:100%;resize:none;background:var(--paper);color:var(--text);border:2px inset var(--edge);border-radius:0;padding:15px;font:16px/1.55 'Courier New',monospace;tab-size:4;outline-offset:-3px}#editor::placeholder{color:var(--text);opacity:.45}#editor::selection{background:var(--selection)}.statusbar{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;font:12px/1.5 Arial,sans-serif}.statusbar span{border:1px inset var(--edge);padding:3px 8px;flex:1;white-space:nowrap}.below{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:17px;color:#fff}.below p{margin:0;font-size:13px}.privacy{font-size:12px;color:#fff;opacity:.9;margin:10px 0}.privacy a{color:inherit}button{font:inherit;cursor:pointer;min-height:42px;padding:8px 14px;border:2px outset #eee;background:#c0c0c0;color:#111}button:active{border-style:inset}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #e59b00;outline-offset:2px}dialog{background:#f7f7f3;color:#20242a;border:3px outset #eee;box-shadow:8px 8px 0 #0004;padding:24px;max-width:min(520px,calc(100vw - 24px));max-height:85dvh;overflow:auto}dialog::backdrop{background:#001a2280}dialog h2{margin:0 0 15px;font: bold 23px 'Courier New',monospace}dialog label{display:block;margin:12px 0 5px}dialog input{width:100%;font:16px Arial;padding:10px;border:2px inset #aaa}dialog p{font-size:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}[hidden]{display:none!important}body[data-theme="7"] .titlebar,body[data-theme="9"] .titlebar{border:1px solid #333}body[data-theme="7"] .titlebar h1,body[data-theme="9"] .titlebar h1{background:var(--chrome);text-align:center}body[data-theme="8"] .titlebar h1{font-style:italic}body[data-theme="4"] .titlebar h1{font-family:Georgia,serif;text-align:center}body[data-theme="12"] .titlebar h1,body[data-theme="13"] .titlebar h1,body[data-theme="14"] .titlebar h1{font-family:monospace}body[data-theme="16"] .window{border-color:#eafaff;box-shadow:0 12px 35px #15244a33}body[data-theme="16"] .titlebar{border:1px solid #ffffffa0}body[data-theme="15"] .window{border-color:#cbd3df}
@media(max-width:600px){body{padding:12px 10px}.site-header{flex-wrap:wrap;margin-bottom:12px}.site-header span{display:none}.site-header>a:first-child{font-size:17px}.window{height:calc(100dvh - 200px);min-height:330px;box-shadow:4px 4px 0 #0003}.menus summary{padding:10px 11px}.dropdown{width:220px}.menus details:nth-last-child(-n+3) .dropdown{left:auto;right:0}.menus details:nth-child(3) .dropdown{left:-60px;right:auto}.statusbar span:last-child{display:none}.below{gap:10px}.below button{flex-shrink:0;font-size:13px;padding:8px}.privacy{font-size:11px}#editor{padding:10px}}@media(max-width:350px){.menus summary{padding:10px 8px}}

body[data-theme="17"] .window{border-color:#939393 #111 #111 #939393;border-radius:0}body[data-theme="17"] .titlebar{border:1px solid #878787;border-radius:0}body[data-theme="17"] .titlebar h1{background:var(--chrome);text-align:center;font-family:Arial,sans-serif}body[data-theme="17"] .dropdown{border-color:#878787}body[data-theme="17"] .statusbar span{border-color:#878787 #222 #222 #878787}