@font-face{font-family:Pixel Tahoma;font-weight:400;font-display:block;src:url(/assets/pixel-tahoma-6h5M2JtG.woff2)format("woff2")}@font-face{font-family:Pixel Tahoma;font-weight:700;font-display:block;src:url(/assets/pixel-tahoma-bold-CcfyHzC-.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--xp-title-1:#0a5ae6;--xp-title-2:#2c80f7;--xp-title-3:#0848d4;--xp-title-edge:#0831a8;--xp-title-text:#fff;--xp-task-1:#3a81f3;--xp-task-2:#1f5fd8;--xp-task-active:#1e48aa;--xp-task-edge:#0c2f86;--xp-face:#ece9d8;--xp-face-light:#f6f5ee;--xp-face-dark:#d8d4c4;--xp-shadow:#aca899;--xp-dark:#716f64;--xp-white:#fff;--xp-pane-1:#7ba2e7;--xp-pane-2:#6375d6;--xp-group-head-1:#fff;--xp-group-head-2:#c6d3f7;--xp-group-text:#215dc6;--xp-group-body:#d6dff7;--xp-group-edge:#fff;--xp-button-edge:#003c74;--xp-hover:#f8b330;--xp-hover-soft:#ffe7a2;--xp-highlight:#316ac5;--xp-highlight-text:#fff;--xp-field:#fff;--xp-field-edge:#7f9db9;--xp-text:#000;--xp-text-muted:#4d4d4d;--xp-disabled:#a19f92;--xp-workspace:gray;--xp-error:#c50f0f;--xp-ok:#2f7d32;--xp-warn:#8a5a00;--font-ui:"Pixel Tahoma",Tahoma,"Segoe UI",Verdana,sans-serif;--text:11px;--text-large:22px;--cursor-arrow:default}html,body{background:var(--xp-face);color:var(--xp-text);font:var(--text)/1.45 var(--font-ui);-webkit-font-smoothing:none;text-rendering:optimizespeed}button,input,select,textarea,summary{font:inherit}button,select,summary{cursor:default}[aria-busy=true],[aria-busy=true] *{cursor:wait!important}::selection{background:var(--xp-highlight);color:var(--xp-highlight-text)}button{min-height:23px;color:var(--xp-text);border:1px solid var(--xp-button-edge);background:linear-gradient(#fff,#f3f3ef 45%,#e6e5dc 85%,#d6d0c5);border-radius:3px;padding:0 12px;box-shadow:inset 0 -1px #c9c4b5}button:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--xp-hover-soft),inset 0 -1px 0 var(--xp-hover)}button:not(:disabled):active{background:linear-gradient(#e3e2da,#ebeae2);box-shadow:inset 1px 1px #cfccc0}button:disabled{color:var(--xp-disabled);box-shadow:none;background:#f5f4ea;border-color:#c9c7ba}button[aria-pressed=true],button[aria-checked=true]{background:linear-gradient(#dcdbd2,#ecebe4);box-shadow:inset 1px 1px #b9b6a8}input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea{min-height:21px;color:var(--xp-text);background:var(--xp-field);border:1px solid var(--xp-field-edge);border-radius:0;padding:1px 4px}:focus{outline:none}:focus-visible{outline-offset:-4px;outline:1px dotted #000}input:focus-visible,select:focus-visible{outline-offset:1px;outline:1px dotted #000}input[type=range]{appearance:none;background:0 0;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#ecebe6;border:1px solid #fff;border-color:#9d9c99 #fff #fff #9d9c99;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#fdfdfd,#e9e8e3 70%,#21a121 72% 86%,#e9e8e3 88%);border:1px solid #6a8cbf;border-radius:2px 2px 5px 5px/2px 2px 8px 8px;width:11px;height:19px;margin-top:-9px}input[type=range]:not(:disabled):hover::-webkit-slider-thumb{border-color:var(--xp-hover)}input[type=range]::-moz-range-track{background:#ecebe6;border:1px solid #9d9c99;height:2px}input[type=range]::-moz-range-thumb{background:linear-gradient(#fdfdfd,#e9e8e3);border:1px solid #6a8cbf;border-radius:2px;width:9px;height:17px}input[type=number].compact{text-align:right;width:52px}::-webkit-scrollbar{background:#f4f3ee;width:17px;height:17px}::-webkit-scrollbar-thumb{outline-offset:-2px;background:linear-gradient(90deg,#c8d6fb,#bacbf8 50%,#a9bef4);border:1px solid #fff;border-radius:3px;outline:1px solid #b8cbf5}::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(#c8d6fb,#bacbf8 50%,#a9bef4)}::-webkit-scrollbar-corner{background:var(--xp-face)}:root{font-family:var(--font-ui);font-size:var(--text);font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.primary{font-weight:700;box-shadow:inset 0 0 0 1px #3c7fb1,inset 0 -1px #c9c4b5}input[type=color]{background:#fff;border:1px solid #9d9d95;width:24px;height:22px;padding:2px}input[type=range]{accent-color:#316ac5;width:100%}input[type=checkbox]{accent-color:#316ac5}a{color:#0755bc}.window{background:#ece9d8;border:0;border-radius:6px 6px 0 0;grid-template-rows:30px auto minmax(0,1fr) 22px;height:100%;display:grid;overflow:hidden}.titlebar{color:#fff;text-shadow:1px 1px #153375;background:linear-gradient(var(--xp-title-2),var(--xp-title-1) 18%,var(--xp-title-1) 72%,var(--xp-title-3));border-bottom:1px solid var(--xp-title-edge);align-items:center;gap:6px;padding:0 6px;font-weight:700;display:flex}.titlebar img{filter:brightness(0)invert();width:16px;height:16px}.titlebar img,.mark{image-rendering:pixelated;object-fit:contain}.titlebar strong{white-space:nowrap;text-overflow:ellipsis;font-size:var(--text);overflow:hidden}.titlebar .edition{color:#e5eeff;margin-left:auto;font-size:11px;font-weight:400}.menubar{z-index:5;border-bottom:1px solid #d6d1c0;align-items:center;padding:0 4px;display:flex;position:relative}.menubar>button,.menubar summary{height:20px;min-height:20px;box-shadow:none;line-height:20px;font-size:var(--text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0 7px;display:flex}.menu{position:relative}.menu summary{list-style:none}.menu summary:hover{background:#d9e8fb}.menu-pop{z-index:30;background:#fffef7;border:1px solid #7e8b9a;min-width:225px;padding:4px;position:absolute;top:20px;left:0;box-shadow:3px 3px #0003}.menu-pop button{text-align:left;width:100%;box-shadow:none;background:0 0;border:0;padding:4px 7px;display:block}.menu-pop button:hover{color:#fff;background:#316ac5!important}.toolbar{border-top:1px solid var(--xp-face-dark);background:linear-gradient(#fbfbf9,#f1efe5 60%,#e5e2d3);border-bottom:1px solid #aca899;align-items:center;gap:3px;padding:3px 4px;display:flex}.toolbar .divider{background:#b7b5a7;width:1px;height:20px;margin:0 5px}.toolbar .spacer{flex:1}.toolbar button{white-space:nowrap;min-height:24px;box-shadow:none;background:0 0;border-color:#0000;padding:0 5px}.toolbar button:not(:disabled):hover{box-shadow:none;background:linear-gradient(#fff,#f2f1ea 60%,#e3e0d2);border-color:#cecec3}.split{display:flex;position:relative}.split>button{border-radius:0}.split details>summary{cursor:pointer;background:#e7e3d1;border:1px solid #929085;border-color:#fff #929085 #929085 #fff;height:24px;padding:3px;list-style:none}.split .menu-pop{top:28px}.tabs{flex-shrink:0;gap:3px;margin-left:auto;display:flex}.tabs button{color:#fff;border:1px solid var(--xp-task-edge);background:linear-gradient(#5b9bfa,var(--xp-task-1) 12%,var(--xp-task-2) 88%,#1a4fc0);text-shadow:1px 1px #0a1f7a;border-radius:3px;min-width:72px;height:22px;min-height:22px;padding:0 9px;box-shadow:inset 1px 1px #8fbcff}.tabs button:not([aria-selected=true]):hover{background:linear-gradient(#7db2ff,#4e93fb 12%,#2f71e6 88%,#2560d6);box-shadow:inset 1px 1px #8fbcff}.tabs button[aria-selected=true]{background:linear-gradient(#1a43a2,var(--xp-task-active) 20%,#2253c6);font-weight:700;box-shadow:inset 1px 1px 2px #0a2470}.tabs button:focus-visible{outline-color:#fff}.workspace{flex-direction:column;min-height:0;display:flex;overflow:hidden}.statusbar{border-top:1px solid #b4b09f;align-items:center;gap:8px;padding:2px 5px;font-size:11px;display:flex}.statusbar #status{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.statusbar #save-state{color:#4e554b}.start{text-align:center;background:var(--xp-face);flex:1;place-content:center;gap:8px;display:grid}.start .mark{opacity:.8;width:48px;height:48px;margin:auto}.start h1{margin:0;font-size:22px}.start-actions{gap:12px;display:flex}.start-actions button{min-width:110px;min-height:30px}.start .recent{border-top:1px solid #8799b0;padding-top:18px}.filters{border-bottom:1px solid #b9b6a7;flex-wrap:wrap;align-items:center;gap:5px;padding:5px;display:flex}.filters input[type=search]{width:220px}.filters .count{color:#62675c;font-size:var(--text);margin-left:auto}.grid-wrap{background:#fff;flex:1;padding:6px;overflow:auto}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;display:grid}.glyph-cell{height:100px;box-shadow:none;background:#fff;border:1px solid #b7bec7;flex-direction:column;align-items:center;min-width:0;padding:4px;display:flex;position:relative}.glyph-cell:hover{background:#fff9dc!important}.glyph-cell .thumb{place-items:center;width:58px;height:52px;display:grid;overflow:hidden}.glyph-cell .placeholder{color:#c5c6c3;font-family:Tahoma,Arial,sans-serif;font-size:32px;line-height:1}.glyph-cell img{object-fit:contain;width:52px;height:52px;image-rendering:pixelated}.glyph-cell .caption{gap:2px;max-width:100%;font-size:11px;line-height:1.2;display:grid}.glyph-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.caption .unicode{color:#606b77;font-size:10px}.glyph-cell .state{font-size:var(--text);color:#55724a;position:absolute;top:2px;right:3px}.glyph-cell[data-status=review]{border-color:#b57220}.glyph-cell[data-status=inherited] .state{color:#687e9f}.empty{text-align:center;color:#5f6975;padding:40px}.editor{flex:1;grid-template-columns:74px minmax(0,1fr) 250px;gap:0;min-height:0;padding:0;display:grid}.tools{border-right:1px solid #bdb9a9;grid-template-columns:repeat(2,32px);align-content:start;gap:3px;padding:6px 3px;display:grid}.tool{border-color:#fff var(--xp-dark) var(--xp-dark) #fff;background:var(--xp-face);width:32px;height:32px;box-shadow:none;font-size:var(--text);border-radius:0;padding:2px}.tool[aria-pressed=true]{border-color:var(--xp-dark) #fff #fff var(--xp-dark);background:repeating-conic-gradient(#fff 0 25%,var(--xp-face) 0 50%) 0 0/2px 2px;box-shadow:none}.tools .tool-size{font-size:var(--text);grid-column:1/-1;margin-top:10px}.tools input{width:58px}.canvas-host{background:var(--xp-workspace);overscroll-behavior:contain;touch-action:none;border:2px solid #fff;border-color:#6d7582 #fff #fff #6d7582;min-width:0;min-height:0;padding:12px;display:block;overflow:auto}.paint-canvas{touch-action:none;background:#fff;width:768px;max-width:none;height:768px;margin:auto;display:block;box-shadow:1px 1px #666}.side{background:linear-gradient(var(--xp-pane-1),var(--xp-pane-2));flex-direction:column;gap:12px;padding:12px 10px;display:flex;overflow:auto}.panel{background:var(--xp-group-body);border:0;border-radius:3px 3px 0 0;flex-shrink:0}.panel h3{color:var(--xp-group-text);background:linear-gradient(90deg,var(--xp-group-head-1),var(--xp-group-head-2));border-radius:3px 3px 0 0;margin:0;padding:4px 10px;font-size:11px}.panel-body{border:1px solid var(--xp-group-edge);border-top:0;gap:6px;padding:7px;display:grid}.field{font-size:var(--text);gap:3px;display:grid}.field>span{color:#4a5360}.field select,.field input{width:100%}.inline{align-items:center;gap:6px;display:flex}.inline>input[type=range]{flex:1;min-width:0}.editor-nav{border-bottom:1px solid #b9b6a7;align-items:center;gap:5px;padding:3px 5px;display:flex}.editor-nav .char-name{flex:1;font-weight:700}.char-symbol{font-size:22px}.editor-nav select{max-width:180px}.preview-page,.paper-page,.help-page{flex:1;padding:12px;overflow:auto}.preview-page{grid-template-columns:minmax(0,1fr) 260px;align-content:start;gap:6px;display:grid}.preview-editor{resize:vertical;width:100%;min-height:120px}.specimen{overflow-wrap:anywhere;background:#fff;border:1px solid #a8b0b9;margin-top:8px;padding:12px}.specimen-line{white-space:pre-wrap;margin:14px 0;line-height:1.5}.missing{color:#b42318;border-bottom:2px dotted #b42318}.note{font-size:var(--text);color:#5d646c;line-height:1.5}.warning{color:#614616;font-size:var(--text);background:#fff1c1;border:1px solid #d6b569;padding:9px}.error{color:#9e251d;background:#fff0eb;border:1px solid #d3a096;padding:10px}.paper-columns{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.paper-sheet{aspect-ratio:8.5/11;background:#fff;border:1px solid #a8b0b9;max-width:520px;padding:25px;box-shadow:2px 2px #0003}.mini-cells{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px;display:grid}.mini-cell{height:65px;font-size:var(--text);color:#3e4756;border:1px solid #d6dce4;position:relative}.mini-cell:after{content:"";border-bottom:1px solid #b8d0e5;position:absolute;bottom:20px;left:0;right:0}.paper-actions{gap:16px;display:grid}.pack-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.pack-list label{font-size:var(--text)}.help-search{width:min(100%,500px)}.help-list{gap:8px;max-width:850px;margin-top:18px;display:grid}.help-item{background:#fffef8;border:1px solid #b4bbc2;padding:8px}.help-item h3{font-size:var(--text);margin:0 0 5px}.help-item p{font-size:var(--text);margin:0 0 9px;line-height:1.6}.dialog{border:1px solid var(--xp-title-edge);color:#202020;background:#ece9d8;border-radius:6px 6px 0 0;width:580px;max-width:min(900px,95vw);max-height:94vh;padding:0;box-shadow:4px 4px #00000040}.dialog::backdrop{background:0 0}.dialog-title{color:#fff;background:linear-gradient(var(--xp-title-2),var(--xp-title-1) 18%,var(--xp-title-1) 72%,var(--xp-title-3));font-size:var(--text);justify-content:space-between;align-items:center;padding:4px 7px;display:flex}.dialog-title button{color:#fff;background:linear-gradient(#ef9a7f,#bf4026);border:1px solid #fff9;width:19px;height:19px;min-height:19px;padding:0}.dialog-body{border:3px solid var(--xp-title-1);border-top:0;max-height:calc(94vh - 35px);padding:12px;overflow:auto}.dialog-body p{font-size:var(--text);line-height:1.6}.dialog-body form{gap:8px;display:grid}.dialog.wide{width:790px}.actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.actions button{min-width:75px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-layout{grid-template-columns:250px minmax(0,1fr);gap:10px;display:grid}.settings-controls{align-content:start;gap:8px;display:grid}.sample-host{background:var(--xp-workspace);border:1px solid #7f8c9b;height:360px;padding:10px;overflow:auto}.radio-row{gap:16px;display:flex}.toast{z-index:100;background:#ffffed;border:1px solid #a99c69;max-width:90vw;padding:10px 18px;position:fixed;bottom:38px;left:50%;transform:translate(-50%);box-shadow:2px 2px 8px #0003}.busy{z-index:150;background:#21334b55;place-items:center;display:grid;position:fixed;inset:0}.busy-box{border:1px solid var(--xp-title-edge);background:#ece9d8;min-width:280px;max-width:90vw;padding:12px;box-shadow:4px 4px #00000040}.progress-track{background:#fff;border:1px solid #7f9db9;height:13px;margin-top:15px;overflow:hidden}.progress-track:after{content:"";background:repeating-linear-gradient(90deg,#4a9a38 0 8px,#0000 8px 10px);width:30%;height:100%;animation:1.4s infinite alternate progress;display:block}@keyframes progress{to{transform:translate(230%)}}.scan-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px;max-height:52vh;display:grid;overflow:auto}.scan-card{background:#fff;border:1px solid #aab4c0;gap:5px;padding:7px;display:grid}.scan-card img{object-fit:contain;width:55px;height:60px}.scan-card .scan-images{justify-content:space-between;display:flex}.scan-card small{font-size:var(--text);color:#805d29}.corner-canvas{object-fit:contain;touch-action:none;border:1px solid #8c99aa;width:100%;max-height:55vh}.chip{font-size:var(--text);background:#dce9f9;border:1px solid #9eb8d8;padding:3px 7px}.danger{color:#9c3029}.advanced{font-size:var(--text)}.advanced summary{cursor:pointer;padding:4px 0}.advanced>div{gap:5px;padding-top:4px;display:grid}hr{border:0;border-top:1px solid #c4c1b5;width:100%}.family-select{max-width:150px}.family-bar{align-items:center;gap:6px;display:flex}.recovery-row{justify-content:center;align-items:center;gap:10px;display:flex}.font-swatch{background:#fff;border:1px solid #b4bbc2;min-height:60px;padding:8px;font-family:Tahoma,Arial,sans-serif;font-size:32px}.review-detail{grid-template-columns:1fr 1fr;gap:12px;display:grid}.review-detail img{border:1px solid #bbb;width:100%}.small{font-size:var(--text)}[hidden]{display:none!important}.pixel-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.toolbar>button,.split>button{justify-content:center;align-items:center;gap:4px;display:inline-flex}.tool{place-items:center;display:grid}.field,.panel-body,.settings-controls{min-width:0}.char-symbol{font-family:serif}.reference-trigger{background:#fff;border:1px solid #7f9db9;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:29px;padding:1px 5px;display:flex}.reference-trigger .reference-name{font-size:var(--text);white-space:nowrap;text-overflow:ellipsis;line-height:25px;overflow:hidden}.reference-dialog{width:480px}.reference-list{gap:3px;display:grid}.reference-choice{text-align:left;background:#fff;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;padding:5px 7px;display:grid}.reference-choice .reference-name{font-size:var(--text);grid-column:1;min-width:0;line-height:1.35}.reference-role{font-size:var(--text);color:#555;grid-column:1}.reference-example{font-size:var(--text);grid-area:1/2/3;justify-content:flex-end;align-self:center;width:150px;max-width:100%;display:flex}.reference-name svg,.reference-example svg{image-rendering:auto;shape-rendering:auto;max-width:100%;display:block}.reference-choice{min-height:59px}.reference-choice[data-loaded=error] .reference-example,#new-error{color:#9e251d}#new-error:empty{display:none}.reference-example img{object-fit:contain;width:24px;height:32px;image-rendering:pixelated}.overlay-row{align-items:center;gap:4px;min-width:0;display:flex}.overlay-row label{white-space:nowrap;min-width:77px}.overlay-row input[type=range]{flex:1;min-width:20px}.overlay-row input[type=color]{flex-shrink:0}#reference-notice:empty{display:none}#sample-text{font-size:var(--text);color:#555}#sample-text[data-tested]{color:#000;font-size:32px}#sample-notice{min-height:16px;margin:4px 0 0}.settings-controls .note{margin:3px 0}.panel-body .field{grid-template-columns:minmax(0,1fr) 62px;align-items:center}.panel-body .form-grid .field{grid-template-columns:1fr}.paper-page .panel-body .field{grid-template-columns:minmax(0,1fr)}.statusbar{border-top:1px solid #fff;gap:3px;padding:2px 3px}.statusbar>span{border:1px solid;border-color:var(--xp-shadow) #fff #fff var(--xp-shadow);height:17px;padding:0 6px}.statusbar>span:empty{display:none}fieldset{border:1px solid #aca899;margin:0;padding:7px}legend{padding:0 4px}input[type=checkbox]{vertical-align:-2px;width:13px;height:13px;margin:0 3px 0 0}input[type=range]{height:18px;margin:0}input[type=radio]{vertical-align:-2px;margin:0 3px 0 0}summary:focus-visible{outline-offset:-2px;outline:1px dotted #000}@media (max-width:900px){.toolbar{gap:3px}.toolbar .label-secondary{display:none}.tabs button{min-width:0;padding:0 7px}.editor{grid-template-columns:74px minmax(0,1fr) 220px}.editor .side{font-size:var(--text)}.preview-page,.paper-columns{grid-template-columns:1fr}.paper-sheet{display:none}.settings-layout{grid-template-columns:220px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.progress-track:after{animation:none}}@media (forced-colors:active){button,.panel,.glyph-cell,.titlebar{border:1px solid buttontext}}.dialog[open]{flex-direction:column;display:flex;overflow:hidden}.dialog-title{flex:none}.dialog-body{flex:auto;min-height:0;max-height:none}.new-project-dialog{min-height:min(420px,100dvh - 32px)}.welcome-dialog{width:430px}.welcome{text-align:center;gap:12px;padding:12px;display:grid}.welcome .mark{width:48px;height:48px;margin:auto}.welcome-project{margin:0}.welcome-actions{justify-content:center;gap:8px;display:flex}.welcome-actions button{white-space:nowrap;flex:1}.dialog-footer{border:3px solid var(--xp-title-1);border-top:1px solid var(--xp-shadow);background:var(--xp-face);flex-shrink:0;margin:0;padding:12px}.setup-tabs,.pane-toggle,.inspector-heading{display:none}.settings-sample{min-width:0}.sample-hint{color:var(--xp-text-muted);margin:0 0 8px}.commandbar{z-index:5;grid-template-rows:22px 32px;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.commandbar .menubar{grid-column:1/-1}.commandbar>.family-bar{border-top:1px solid var(--xp-face-dark);border-bottom:1px solid var(--xp-shadow);background:linear-gradient(#fbfbf9,#f1efe5 60%,#e5e2d3);padding:3px 6px}.style-label{display:none}.dialog:has(.dialog-footer) .dialog-body{border-bottom:0}@media (any-pointer:coarse),(max-width:1024px){:root{--font-ui:Tahoma, Arial, sans-serif;--text:15px}html,body{-webkit-font-smoothing:auto;text-rendering:auto;-webkit-text-size-adjust:100%}#app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,select,input:not([type=checkbox],[type=radio]),.menu summary{min-height:44px;font-size:16px}button{padding:6px 12px}input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea{padding:8px;font-size:16px}select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23242b34'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:0;padding-right:28px}input[type=checkbox],input[type=radio]{vertical-align:-3px;flex-shrink:0;width:18px;height:18px;margin:0 8px 0 0}input[type=color]{flex-shrink:0;width:44px;height:44px;padding:5px}input[type=range]{height:44px}input[type=range]::-webkit-slider-thumb{width:20px;height:28px;margin-top:-13px}input[type=range]::-moz-range-thumb{width:20px;height:28px}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){align-items:center;min-height:44px;display:flex}.window{border-radius:0;grid-template-rows:auto auto minmax(0,1fr) 26px;grid-template-columns:minmax(0,1fr)}.titlebar,.workspace,.statusbar{grid-column:1/-1}.commandbar{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto}.commandbar .menubar{grid-column:auto}.commandbar>.family-bar{padding:4px 8px}.titlebar{gap:10px;min-height:56px;padding:6px 12px}.titlebar img{width:22px;height:22px}.titlebar strong{flex:1;min-width:0;font-size:16px}.tabs{gap:4px}.tabs button{min-width:0;height:44px;min-height:44px;padding:0 12px;font-size:15px}.menubar{border-bottom:1px solid var(--xp-shadow);background:var(--xp-face);align-items:start;padding:4px}.menubar>button{display:none}.menubar summary{align-items:center;padding:0 10px;display:flex}.menu summary::-webkit-details-marker{display:none}.menu-pop{max-height:70dvh;padding:4px;top:100%;overflow:auto}.menu-pop button{min-height:44px;padding:8px 12px}.toolbar{gap:4px;min-width:0;padding:4px 8px 4px 0}.toolbar button{min-height:44px;padding:0 10px}.toolbar>[data-command=undo],.toolbar>[data-command=redo]{min-width:44px;font-size:22px}.split>button{border:1px solid var(--xp-field-edge);background:var(--xp-face-light)}.split details>summary{border:1px solid var(--xp-field-edge);border-left:0;place-items:center;min-width:40px;height:44px;padding:0;display:grid}.split .menu-pop{top:100%;left:auto;right:0}.family-select{max-width:165px}.statusbar{font:12px/1.3 Tahoma,Arial,sans-serif}.statusbar>span{height:20px;padding:1px 6px}.statusbar .edition{display:none}.start{gap:16px;padding:24px}.start h1{font:700 28px/1.2 Tahoma,Arial,sans-serif}.start .mark{width:64px;height:64px}.start-actions{gap:10px}.start-actions button{min-width:140px;min-height:48px}.filters{gap:8px;padding:10px 12px}.filters input[type=search]{flex:1;width:auto;min-width:180px}.filters .count{font-size:13px}.grid-wrap{background:#f6f5f0;padding:12px}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.glyph-cell{background:#fff;border-color:#b9c2cf;height:126px;padding:8px 4px}.glyph-cell .thumb{height:62px}.glyph-cell .caption{gap:4px;font:12px/1.3 Tahoma,Arial,sans-serif}.caption .unicode{font-size:11px}.welcome .mark{width:64px;height:64px}.welcome-actions{flex-direction:column}.glyph-cell .state{font-size:13px}.editor-nav{flex-shrink:0;gap:8px;min-height:56px;padding:6px 10px}.char-name{min-width:0;line-height:1.3}.char-description{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.char-name small{color:var(--xp-text-muted);font-size:12px;font-weight:400;display:block}.char-symbol{font-size:28px}#prev-char,#next-char{min-width:44px;padding:0;font-size:22px}.editor{grid-template-columns:96px minmax(0,1fr) 260px}.tools{grid-template-columns:repeat(2,44px);gap:4px;padding:8px 2px}.tool{width:44px;height:44px;min-height:44px;padding:0}.tool .pixel-icon{width:24px;height:24px}.tools .tool-size{margin-top:12px;font-size:13px}.tools input{width:90px}.canvas-host{background:#858585;align-items:safe center;padding:16px;display:flex}.paint-canvas{flex-shrink:0}.side{gap:12px;padding:12px}.panel h3{padding:8px 10px;font-size:14px}.panel-body{gap:8px;padding:10px}.panel-body .field{grid-template-columns:minmax(0,1fr) 80px}.panel-body .field>span{font-size:14px}.panel-body .inline{flex-wrap:wrap;gap:6px}.advanced summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.advanced summary:before{content:"▸";margin-right:7px}.advanced[open] summary:before{content:"▾"}.advanced summary::-webkit-details-marker{display:none}.reference-trigger{min-height:44px;padding:4px 8px}.reference-trigger .reference-name{min-width:0}.reference-choice{min-height:80px;box-shadow:none;border-color:#a5b5cc;gap:4px 12px;padding:12px}.reference-choice[aria-pressed=true]{background:#e4edfc;border-color:#316ac5;box-shadow:inset 3px 0 #316ac5}.reference-role{font-size:13px;line-height:1.4}.reference-list{gap:8px}.reference-dialog{width:600px}.reference-name svg{max-width:100%}.reference-example{width:160px}.dialog{border-radius:7px 7px 2px 2px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);box-shadow:3px 5px 16px #0b224c38}.dialog::backdrop{background:#16284545}.dialog-title{flex-shrink:0;min-height:50px;padding:4px 5px 4px 16px;font-size:16px}.dialog-title button{width:44px;height:44px;min-height:44px;font:24px/1 Arial,sans-serif}.dialog-body{overscroll-behavior:contain;padding:18px}.dialog-footer{gap:10px;padding:12px 18px}.dialog-footer button{min-width:100px}.dialog-body form{gap:16px}.field{gap:6px}.field>span{color:#3f4853;font-size:14px}fieldset{padding:8px 12px}.pack-list{gap:0 12px}.pack-list label{font-size:14px;line-height:1.3}.radio-row{gap:20px}.dialog.settings-dialog{width:1000px}.settings-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px}.settings-controls{gap:12px}.settings-controls .form-grid{gap:10px}.settings-sample{position:sticky;top:0}.sample-host{align-items:safe center;height:min(460px,55dvh);padding:12px;display:flex}.settings-controls .note{display:none}.sample-hint{margin:0 0 10px;font-size:14px}.font-swatch{min-height:72px}#sample-text:not([data-tested]){font-family:var(--font-ui)}.overlay-row{gap:8px}.overlay-row label{min-width:100px;font-size:14px}.note{font-size:14px}.preview-page,.paper-page,.help-page{padding:16px}.preview-page{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.preview-editor{min-height:140px}.help-list{gap:12px;margin-top:16px}.help-item{padding:14px}.help-item h3{font-size:16px}.help-item p{font-size:15px}.toast{bottom:40px}}@media (max-width:1024px){.editor{grid-template-rows:60px minmax(0,1fr);grid-template-columns:minmax(0,1fr);position:relative;overflow:hidden}.tools{border-right:0;border-bottom:1px solid var(--xp-shadow);scrollbar-width:thin;align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.tool{flex:0 0 44px}.tools .tool-size{align-items:center;gap:8px;margin:0 0 0 auto;padding-left:12px;display:flex}.tools input{width:64px}.pane-toggle{display:block}#editor-settings{display:none}.editor .side{z-index:8;background:linear-gradient(#8aabe4,#667fd0);border:1px solid #5176b6;width:300px;max-width:calc(100% - 24px);display:none;position:absolute;top:68px;bottom:12px;right:12px;overflow:auto;box-shadow:3px 4px 12px #0004}.editor.controls-open .side{display:flex}.inspector-heading{color:#163c76;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}#close-controls{width:44px;padding:0;font:24px/1 Arial,sans-serif}.preview-page,.paper-columns{grid-template-columns:1fr}.settings-layout{grid-template-columns:260px minmax(0,1fr);gap:18px}}@media (max-width:700px){.window{grid-template-rows:auto auto minmax(0,1fr) 24px}.titlebar{flex-wrap:wrap;gap:6px 8px;padding:8px}.titlebar strong{font-size:15px}.titlebar img{width:18px;height:18px}.tabs{gap:4px;width:100%;margin:0}.tabs button{flex:1;padding:0 6px;font-size:14px}.menubar{padding:4px 0}.menubar summary{padding:0 8px}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:2px;padding:4px}.toolbar>[data-command=new],.toolbar>[data-command=open],.toolbar .divider,.toolbar .spacer{display:none}.commandbar{grid-template-columns:auto minmax(0,1fr)}.commandbar>.family-bar{grid-column:1/-1;gap:8px;padding:6px 10px}.style-label{margin-right:auto;font-size:14px;display:block}.family-select{flex:1;min-width:0;max-width:180px}.family-bar>button{padding:0 8px;font-size:14px}.toolbar .split>button{padding:0 10px}.split .menu-pop{min-width:240px;max-height:65dvh;position:fixed;top:auto;right:8px}.statusbar #mode-status,.statusbar .edition{display:none}.statusbar>span{height:18px;padding:0 5px}.statusbar #save-state{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;max-width:45%;overflow:hidden}.start{gap:16px;padding:24px}.start-actions{flex-direction:column;width:min(280px,80vw)}.start-actions button{min-height:48px}.recovery-row{flex-wrap:wrap}.filters{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.filters input[type=search]{grid-column:1/-1;width:100%}.filters select{width:100%}.filters .count{text-align:right;font-size:12px}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.grid-wrap{padding:8px}.glyph-cell{height:122px}.editor-nav{gap:4px;padding:6px}#back-grid{width:44px;padding:0;font-size:24px}#back-grid span,.char-description{display:none}.char-name small{font-size:12px}.char-symbol{padding:0 4px;font-size:26px}.pane-toggle{padding:0 8px;font-size:14px}.tools{gap:4px;padding:8px}.tools .tool-size{padding-left:8px}.canvas-host{padding:12px}.editor .side{width:330px;max-width:calc(100% - 16px);top:64px;bottom:8px;right:8px}.dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto}.dialog-title{padding-left:12px}.dialog-body{padding:12px}.dialog-footer{padding:10px 12px}.dialog-footer button{flex:1;min-width:0}.reference-dialog{width:calc(100vw - 16px)}.reference-choice{grid-template-columns:1fr;gap:5px;padding:12px}.reference-example{grid-area:auto/1;justify-content:flex-start;width:auto;min-height:30px}.reference-name svg{max-width:100%;height:28px}.dialog.settings-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.settings-dialog .dialog-body{padding-top:0}.setup-tabs{z-index:2;background:var(--xp-face);gap:6px;padding:10px 0;display:flex;position:sticky;top:0}.setup-tabs button{flex:1}.setup-tabs button[aria-selected=true]{color:#174880;background:#e4edfc;border-color:#316ac5;box-shadow:inset 0 -2px #316ac5}.settings-layout{display:block}.settings-layout[data-pane=draw] .settings-controls,.settings-layout[data-pane=settings] .settings-sample{display:none}.settings-controls{gap:12px}.settings-sample{position:static}.sample-host{height:min(100vw - 52px,100dvh - 400px);min-height:192px;padding:10px}.sample-hint{margin:4px 0 10px}.settings-sample .inline>button{flex:1}.form-grid{grid-template-columns:1fr 1fr}.paper-page .form-grid,.review-detail{grid-template-columns:1fr}.pack-list{gap:0 8px}.pack-list label{font-size:14px}.radio-row{gap:16px}.paper-columns{display:block}.paper-actions{gap:12px}.paper-sheet{display:none}.preview-page,.paper-page,.help-page{padding:12px}}@media (max-width:360px){.char-name{display:none}.char-symbol{text-align:center;flex:1}.pack-list{grid-template-columns:1fr}.radio-row{flex-wrap:wrap;gap:0 12px}}:root{--xp-arrow:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABzklEQVR4AeyUwVmDQBCFN7ZgEV60AU9LA94twgb0wNJA2kgB3LzAyQaSi/ZgD75/P4bPxI0BwpJL8s1jFjaZ+fMGuHEX/hhAuBSHAZQCaCQvLRoG4EIIXp2BCMqLRQ9QlqVrmsZ570t1XwyiB1BTmkcIuQEEbuAKW9m0B2BdSrkhCJoDkdWNJAAgQCwxkqMAQOh+yD6SfwGAQLiRaySDAAwix0gGAwCRYyQnAYqicKvVak8aR+TR4eynJAlQVZVr21b1nWP+ceHcm/JTQu+6ditNij8ANA8hODIVvffxBaX1s5QKmj9q404aHXsANA1qriobObCTtOxduNfJg/Qh1Ql96tro6AF+N1eVDeKacnSgA8OFSf+UOin1AF2D2Lj74lYO7AyiuxdwwWsf25XOjx5ApSoJAKUYXzq+dGBauvhW1GJWFwyA5kHFLWjOTFtdaHkUleMovPezumAAqeb0RJVG4RAn3Shmc8EAqI3sn7M2RRe4F4BYr9c7bTAq7gOk0+lxCIDtqWq4wCje6rp+1Re2EnH2E3EIQNGUcKHQBlkpxreOx4C1NSyGAlg1GtKYlxFibXuT8lgAGs7S2GjHAtjvZstXgKsD2R04dbf+AAAA//8bhAM+AAAABklEQVQDAEB2m0HuZAVmAAAAAElFTkSuQmCC) 1 1, default;--xp-link:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABsUlEQVR4AeyUC26EMAxErV6M3IxwM7hZ53kBAS3E4dOq1SLPxoA9nthLPuyXr6iAJJ15BL7ceywigIJtSsmhsq3AMy3XLSRAxVPbtgbwVTYJt1hEgKnoCrdUHklCAsbYR5a3gD/dAb6Ey2fD2Q40+kf6uaAvhHMBIEiP66xaQNM0lnNOWeBcABKRzKwV6Ai+3JhVCxiGwZnHwn4+4CNIQhABwkKWAlBO4gTuvdjRT9d1hihEgI2QIsdKADsQgc9WRdlJkUBxsynfEAHkkwvm9985SwH+nhnXEHjS+EM3gIr7aMbHh8tSQM9FOxcEjbKBlmdsJUAlXv8wOXRC40gA3x66lgK8hLpgtJEbRgHoCPeAe4AP8AH+GWwFqH7fadc9o6glRAioyfsiQMl8hoPWH7GtgLmoWuGjYJ0fBh1yQCR8T4Dyz4+C8UEgAb1waLsClHV1FIzxtADVf5l2Eh5FTeyL3WyvA9N7ccZHQetzzp4jgl4oWlGAGHwUYvVOcEbsgRjF03pybhEgPjdxeye6nPMuFNQpuhfCVurARAQpu4qA2CmvuEYFFInOBvx/AaXOfAIAAP//SY8RZQAAAAZJREFUAwChz9pBo0qY4AAAAABJRU5ErkJggg==) 11 2, pointer;--xp-text:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA8klEQVR4AexVQQ7DIAyj+9jgZcDLYC/rbISnCpQWTZq0Qyt5CU5rdznUD/fjyzTY9z0dofcA54HPTLxVTYOccxRqrVGi6It4VktYvGmgG1hDCA7CkWBPbhWmQYwxC6UUR2GCPfgKtPmVkWmwbVsSvPc1peQSgD6DD0Cbu4vLNBieew3n5eOqwbLgeONtMG5kOt8rmlYyEveKxo1M579c0XN6zRPC/AcKGNTCHOCXlEDvwSXhRLuNTAOmVYdXDjAL2He+JV5TOfkxDY7PUJg5QLA/zq5600CJxQrhT8Cgb0lGnvjaQInVa5VQP7c0Yy/eqm8AAAD//8sSQjIAAAAGSURBVAMAsUuhMYmhrSIAAAAASUVORK5CYII=) 11 12, text;--xp-crosshair:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAoUlEQVR4AexU0QrAIAic+/Hsy503CFRwODb2sAquzC4OTnHfPlgTiogI68KmofAdlye06449kbvsio5c3p1d2pucgYi0gxmbhnS2cMZF3qo6kd57y2A/jTjjIj84OJ0IEgVIgeMoTqS11jOYXzTijIv84OB0Imo2ZwA5IuMib7lOxD7EGMXUyq/ZFY15/16uyRPpCUXQ+9rCbnZVLfyPXQcAAAD//3gNdFQAAAAGSURBVAMAH12RMw32SwkAAAAASUVORK5CYII=) 12 12, crosshair}html,body,button,select,summary,label,input,.menubar summary,.split details>summary,.advanced summary{cursor:var(--xp-arrow)}a[href]{cursor:var(--xp-link)}textarea,input:not([type]),input[type=text],input[type=search],input[type=number],[contenteditable=true]{cursor:var(--xp-text)}.paint-canvas,.corner-canvas{cursor:var(--xp-crosshair)}:disabled{cursor:not-allowed}.busy,.busy *{cursor:progress}
