*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#19232e;color:#e9dfca;font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}#viewport{position:fixed;inset:0}canvas{display:block;touch-action:none}.masthead{position:absolute;top:31px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.identity{display:flex;gap:15px;align-items:center}.crest{width:42px;height:51px;display:grid;place-items:center;background:#405e76;border:1px solid #a6bdc440;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.crest svg{width:24px;height:30px;fill:#eadfc9}.eyebrow{color:#a3b0bb;font-size:9px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:4px}h1{font:400 32px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0}.status{display:flex;align-items:center;gap:8px;font-size:11px;color:#a9bac5;border:1px solid #a9bac519;border-radius:20px;padding:7px 12px;background:#17212ad0}.status:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#adbd99}.annotation{position:absolute;left:36px;bottom:40px;pointer-events:none}#view-title{font:400 19px/1.35 Georgia,'Times New Roman',serif;margin-bottom:6px;color:#e8ddc5}#view-description{font-size:11px;color:#9eabb6}.help{position:absolute;right:36px;bottom:40px;pointer-events:none;text-align:right;font-size:10px;line-height:1.9;color:#8f9eac}.help strong{font-weight:400;color:#bcc7ce}.controls{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);display:flex;gap:4px;padding:7px;background:#101921e8;border:1px solid #b1c0cb1a;box-shadow:0 8px 35px #0003;border-radius:12px;white-space:nowrap;backdrop-filter:blur(12px)}button{font:11px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;border:1px solid transparent;border-radius:7px;padding:10px 11px;color:#aebbc6;background:transparent;cursor:pointer;transition:background .15s,color .15s}button:hover{background:#ffffff09;color:#fff3de}button:focus-visible{outline:2px solid #d1b98f;outline-offset:3px}button[aria-pressed=true]{background:#a5b8c31a;border-color:#9badba28;color:#f0e3c8}button:disabled{opacity:.4;cursor:default}.separator{width:1px;background:#a9bac51b;margin:7px 3px}.save{position:absolute;right:36px;top:79px;padding:8px 12px;border-color:#a9bac522;background:#17212aa0;color:#c9d0d1;font-size:10px}.save span{padding-left:7px;color:#d4b985}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#19232e;z-index:3;text-align:center;color:#c4c1b6;font:14px Georgia,serif}#loading[hidden]{display:none}.spinner{width:27px;height:27px;border:1px solid #ffffff18;border-top-color:#cdb890;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 19px}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;left:36px;right:36px;top:145px;background:#36232b;border:1px solid #b96f72;border-radius:9px;color:#ffdddd;padding:18px;z-index:5;white-space:pre-wrap}#error[hidden]{display:none}@media(max-width:1400px){.annotation,.help{bottom:110px}.controls{bottom:28px}}@media(max-width:700px){.masthead{top:22px;left:20px;right:20px}.identity{gap:11px}h1{font-size:29px}.crest{width:36px;height:45px}.status{display:none}.save{top:26px;right:20px}.controls{bottom:20px;max-width:calc(100% - 28px);width:max-content;flex-wrap:wrap;justify-content:center;white-space:normal}.controls button{padding:10px 9px}.separator{display:none}.annotation{left:20px;bottom:132px}.help{right:20px;bottom:132px;font-size:9px}#view-description{max-width:235px;font-size:10px}#view-title{font-size:17px}}@media(max-width:450px){.help{display:none}.save{top:83px}#view-description{max-width:100%}}