:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#111;background:#000;font-size:12px;--face:#c6c6c6;--right-width:142px;--left-width:32px}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,#drawing:focus-visible{outline:2px solid #00b9ff;outline-offset:-2px}button:disabled{cursor:default;color:#888}#app{height:100dvh;display:flex;flex-direction:column;min-width:0}button{border:1px solid;border-color:#fff #676767 #676767 #fff;border-radius:0;background:#d0d0d0;padding:2px 7px}button:active,button.active{border-color:#676767 #fff #fff #676767;background:#e0e0d8}.caption{height:26px;flex-shrink:0;display:flex;align-items:center;gap:8px;background:#e9e9e9;border-bottom:1px solid #aaa;padding:1px 6px}.caption img{width:35px;height:11px;object-fit:cover}.caption .verification{margin-left:auto;color:#675a32;font-size:11px}.caption select{height:21px;border:1px solid #aaa;background:#eee}.caption button{height:21px;padding:0 8px}
#menubar{height:23px;background:#f2f2f2;border-bottom:1px solid #aaa;display:flex;align-items:stretch;flex-shrink:0;position:relative;z-index:12;padding-left:2px}#menubar>.menu-root{position:relative}#menubar>.menu-root>button{border:1px solid transparent;background:transparent;padding:2px 7px;height:23px;white-space:nowrap}#menubar>.menu-root>button:hover,#menubar>.menu-root>button[aria-expanded=true]{background:#d5e5fa;border:1px solid #74a1d2}.menu-popup{position:absolute;z-index:50;left:0;top:100%;min-width:210px;max-height:min(75vh,750px);overflow:visible;background:#f2f2f2;border:1px solid #777;box-shadow:2px 3px 4px #0007;padding:3px}.menu-popup.scroll{overflow-y:auto}.menu-item{position:relative;display:block}.menu-item>button{width:100%;display:flex;text-align:left;align-items:center;gap:20px;border:1px solid transparent;background:none;white-space:nowrap;padding:4px 7px 4px 22px;min-height:24px}.menu-item>button:hover,.menu-item>button:focus-visible{background:#d6e8fb;border-color:#7ba9d9}.menu-item .shortcut{margin-left:auto;color:#555}.menu-item .arrow{margin-left:auto}.menu-item>.menu-popup{display:none;left:100%;top:-3px}.menu-item:hover>.menu-popup,.menu-item:focus-within>.menu-popup{display:block}.separator{height:1px;background:#aaa;margin:4px 3px 4px 20px}.toolbar{height:27px;flex-shrink:0;display:flex;gap:2px;align-items:center;padding:2px 4px;background:#efefef;border-bottom:1px solid #777;overflow-x:auto;scrollbar-width:none}.tool-separator{width:5px;border-left:1px solid #aaa;height:20px;flex-shrink:0;margin-left:2px}.tool-button{width:23px;height:23px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;background:transparent}.tool-button:hover{border-color:#718daf;background:#dceafa}.tool-icon{display:block;image-rendering:pixelated;flex-shrink:0}.toolbar select{height:22px;margin-left:5px;width:94px;border-radius:0;background:#fff}.toolbar .parameter{height:22px;display:flex;align-items:center;gap:3px}.toolbar input{width:54px;height:21px;background:#fff;border:1px solid #888;padding:1px 4px}.toolbar .primitive-label{margin-left:8px;color:#555;white-space:nowrap}.promptbar{height:25px;flex-shrink:0;display:flex;align-items:center;background:#ccc;border-bottom:1px solid #666;gap:3px;overflow:hidden}.promptbar img{width:64px;height:20px;object-fit:fill}.promptbar #prompt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promptbar #command-id{margin-left:auto;color:#555;padding:0 8px;white-space:nowrap}.workspace{display:flex;flex:1;min-height:0;background:#000}.workspace aside{flex-shrink:0;overflow-y:auto;scrollbar-width:thin}#left-tools{width:var(--left-width);border-right:1px solid #aaa;background:#061d36;padding-top:1px}#left-tools button{width:31px;display:block;height:26px;background:none;padding:0;border:0}#left-tools img{width:31px;height:26px;image-rendering:pixelated;display:block}#left-tools button:hover img{filter:brightness(1.4)}#left-tools button.active{outline:1px solid #ffeb72;outline-offset:-1px}#drawing{position:relative;flex:1;min-width:0;overflow:hidden;touch-action:none}canvas{position:absolute;inset:0;width:100%;height:100%}#welcome{position:absolute;max-width:min(564px,65%);max-height:80%;width:auto;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none}#readout{position:absolute;bottom:7px;left:10px;color:#9ec6c9;pointer-events:none;font:12px monospace}
#right-tools{width:var(--right-width);border-left:2px solid #ddd;background:linear-gradient(90deg,#5a5a5a,#090909 72%,#555);display:flex;flex-direction:column;align-items:center}.right-tabs{display:flex;width:100%;height:30px;align-items:center;justify-content:space-evenly}.right-tabs button{border:1px solid #777;background:#aaa;padding:0;width:29px;height:23px}.right-tabs img{width:23px;height:22px;object-fit:cover}.right-banner{display:block;width:140px;height:26px;image-rendering:pixelated}.right-caption{color:#ffe482;width:100%;text-align:center;padding:5px 0 3px;font-size:11px}.right-grid{display:grid;grid-template-columns:repeat(2,70px);align-self:flex-start;width:140px;gap:1px 0}.right-grid button{width:70px;height:28px;padding:0;overflow:hidden;border:1px solid #696356;background:#c6c6c6}.right-grid button img{width:68px;height:24px;object-fit:fill;image-rendering:pixelated;display:block}.right-grid button.active{border:2px solid #5ffcff}.right-grid button:hover{filter:brightness(1.2)}.right-grid.small-tools{grid-template-columns:repeat(4,35px);margin-bottom:7px}.right-grid.small-tools button{width:35px;height:32px}.right-grid.small-tools img{width:33px;height:30px;object-fit:contain}.unit-label{color:#f0cf53;font-size:20px;font-weight:bold;margin-top:8px;text-shadow:1px 1px #785900}
footer{height:24px;flex-shrink:0;display:flex;align-items:center;background:#b7b7b7;border-top:2px solid #ddd;white-space:nowrap;overflow:hidden}#sizes{min-width:0;overflow-x:auto;scrollbar-width:none;display:flex;height:21px;align-items:stretch;gap:1px;flex:1}#sizes button{height:21px;padding:0 7px;border-color:#fff #777 #777 #fff;min-width:26px;font-size:11px}#sizes .size{min-width:45px;border-color:#ddd}.size.active{outline:1px solid #fff;outline-offset:-3px}footer #cursor{font-size:11px;background:#ddd;padding:3px 8px}footer #zoom{padding:0 9px}footer>button{height:21px;font-size:11px}
dialog{padding:0;background:#d0d0d0;border:2px solid;border-color:#eee #555 #555 #eee;max-width:min(96vw,1000px);max-height:90vh;box-shadow:4px 6px 22px #0008;font-size:12px}dialog::backdrop{background:#0005}.dialog-caption{background:linear-gradient(90deg,#154578,#6e9bc5);color:#fff;padding:3px 5px;display:flex;align-items:center;justify-content:space-between;font-weight:bold;position:sticky;top:0;z-index:5;min-height:25px}.dialog-caption button{font-size:17px;line-height:15px;padding:0;width:20px;height:19px;background:#d0d0d0;color:#111}#modal-body{padding:15px;overflow:auto;max-height:calc(90vh - 30px);min-width:300px}.message{max-width:520px;line-height:1.8}.message p{margin:0 0 12px}.message button{display:block;margin-left:auto;min-width:80px}.shortcut-search{display:flex;gap:8px;margin-bottom:10px}.shortcut-search input{height:28px;width:100%;padding:3px 8px;border:1px solid #777}.shortcut-table{border-collapse:collapse;background:#fff;width:650px;max-width:100%}.shortcut-table td,.shortcut-table th{text-align:left;padding:5px 9px;border:1px solid #ccc;font-weight:normal}.shortcut-table th{background:#ececec;position:sticky;top:0}.shortcut-table td:first-child{white-space:nowrap;font:12px monospace}.original-keymap{display:block;width:min(759px,84vw);height:auto}.resource-dialog{position:relative;background:#d0d0d0;margin:0 auto}.resource-control{position:absolute;font-size:12px;overflow:hidden;white-space:pre-wrap}.resource-control input,.resource-control select{width:100%;height:100%;border:1px solid #888;background:#fff}.resource-control input[type=checkbox],.resource-control input[type=radio]{width:13px;height:13px;margin:1px 4px 0 0}.resource-control button{width:100%;height:100%;padding:1px 5px}.resource-control img{max-width:100%;max-height:100%;object-fit:contain}.resource-unverified{padding:8px;background:#f3ead1;border:1px solid #c1a767;color:#554528;margin-top:12px;max-width:700px;line-height:1.5}.resource-group{border:1px solid #999;padding:0 4px}.document-info{background:#eee;border:1px solid #aaa;padding:7px;font-size:11px;line-height:1.6;margin-bottom:10px}label.field{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 0}label.field input{width:110px;padding:3px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.dialog-actions button{min-width:70px}
@media(max-width:1100px){.caption .verification{display:none}#menubar{overflow-x:auto;overflow-y:hidden;height:25px}#menubar:has(.menu-popup){overflow:visible}.primitive-label{display:none}.caption{height:25px}footer #cursor{max-width:170px;overflow:hidden}.size{min-width:32px!important}.right-caption{font-size:10px}}@media(max-width:760px){:root{--right-width:142px;--left-width:32px}.caption span:not(.verification){font-size:11px}.caption select{margin-left:auto}footer #cursor{display:none}.toolbar .parameter{display:none}}

@media(max-width:760px){.toolbar .parameter{display:flex}.toolbar .parameter select{margin-left:0}.toolbar .parameter input{width:48px}}

.right-pencil{display:block;width:139px;height:32px;object-fit:contain}.gold-grid{display:grid;grid-template-columns:repeat(4,35px);width:140px;margin-bottom:9px}.gold-grid button{width:35px;height:35px;padding:1px;border:1px solid #80765e;background:#d2bd87}.gold-grid button img{display:block;width:31px;height:31px;image-rendering:pixelated}.gold-grid button:hover{filter:brightness(1.15)}.gold-footer{display:flex;align-items:center;justify-content:center;gap:12px;width:140px}.gold-footer button{background:transparent;padding:0;border:0}.gold-footer img{width:27px;height:30px}.gold-footer .unit-label{margin:0}
.toolbar .parameter{flex-shrink:0;white-space:nowrap}