.pg-editor *{box-sizing:border-box}.pg-editor{font:13px/1.4 system-ui,sans-serif;background:#11141c;color:#d8def0;display:flex;flex-direction:column;border:1px solid #2a3142;border-radius:10px;overflow:hidden;margin:1.25rem 0;box-shadow:0 6px 22px #00000040}.pg-editor #top{display:flex;align-items:center;gap:6px;padding:6px 10px;flex-wrap:wrap;background:#232838;border-bottom:1px solid #0006;flex:0 0 auto}.pg-editor #top .brand{color:#8fb0ff;font-size:15px;margin-right:6px}.pg-editor #top .spacer{flex:1}.pg-editor .inline{display:inline-flex;align-items:center;gap:4px;color:#aeb6cf}.pg-editor #levelSel{background:#1b1f2a;color:#eef;border:1px solid #3a4666;border-radius:4px;padding:3px}.pg-editor button.mini{width:auto;padding:5px 9px}.pg-editor button.fs{background:#2a3146}.pg-editor .dd{position:relative}.pg-editor .dd>summary{list-style:none;cursor:pointer;background:#34406a;color:#eef;border-radius:4px;padding:5px 9px}.pg-editor .dd>summary::-webkit-details-marker{display:none}.pg-editor .dd[open]>summary{background:#5b78d8}.pg-editor .ddmenu{position:absolute;right:0;top:110%;z-index:5;width:230px;background:#2a3146;border:1px solid #44569a;border-radius:6px;padding:8px;box-shadow:0 6px 20px #0008}.pg-editor #main{display:flex;flex-direction:column;min-height:0}.pg-editor #tools{flex:0 0 auto;background:#1c212e;padding:6px;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;border-bottom:1px solid #0006}.pg-editor #tools .tool{display:flex;flex-direction:row;align-items:center;gap:5px;padding:7px 11px;font-size:12px;flex:0 0 auto;width:auto}.pg-editor #tools .tool span{font-size:16px;line-height:1}.pg-editor #toolhelp{flex:1 0 100%;margin-top:4px}.pg-editor:not(.pg-full) #toolhelp{display:none}.pg-editor #center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:12px}.pg-editor #canvas{image-rendering:pixelated;width:min(100%,560px);height:auto;aspect-ratio:4 / 3;border:1px solid #333;border-radius:4px;touch-action:none;background:#000}.pg-editor .status{color:#aeb6cf;font-size:12px;min-height:16px;text-align:center;flex:0 0 auto}.pg-editor .status b{color:#ffd23f}.pg-editor #panel{flex:0 0 auto;background:#232838;padding:10px;overflow-y:auto;border-top:1px solid #0006;max-height:240px}.pg-editor h2,.pg-editor h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8fb0ff;margin:14px 0 6px}.pg-editor h3:first-child{margin-top:0}.pg-editor button{background:#34406a;color:#eef;border:0;border-radius:4px;padding:6px 8px;margin:2px 0;cursor:pointer;width:100%;font:inherit}.pg-editor button:hover{background:#44569a}.pg-editor button.on{background:#5b78d8}.pg-editor button:focus-visible,.pg-editor select:focus-visible,.pg-editor input:focus-visible,.pg-editor summary:focus-visible,.pg-editor canvas:focus-visible,.pg-editor [tabindex]:focus-visible{outline:2px solid #ffd23f;outline-offset:2px}.pg-editor .row{display:flex;gap:4px;align-items:center;margin:3px 0}.pg-editor .row label{flex:1}.pg-editor .row.wrap{flex-wrap:wrap}.pg-editor input[type=number]{width:56px}.pg-editor input[type=text]{width:100%}.pg-editor textarea{background:#1b1f2a;color:#cfe;border:1px solid #3a4666;border-radius:4px}.pg-editor select{background:#1b1f2a;color:#eef;border:1px solid #3a4666;border-radius:4px;padding:3px}.pg-editor .hint{color:#a8b4cc;font-size:11px}.pg-editor .hint code{color:#c6d0ee}.pg-editor .strip{display:flex;flex-wrap:wrap;gap:6px}.pg-editor .chip{position:relative;width:40px}.pg-editor .chip canvas{width:40px;height:40px;image-rendering:pixelated;background:#0008;border:2px solid #0006;border-radius:4px;display:block;cursor:pointer}.pg-editor .chip.sel canvas{border-color:#ffd23f}.pg-editor .chip .name{font-size:9px;color:#b4bdd4;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-editor .chip .del{position:absolute;top:-8px;right:-8px;width:22px;height:22px;padding:0;border-radius:50%;background:#8a3a4a;font-size:12px;line-height:22px}.pg-editor .tiles{display:flex;flex-wrap:wrap;gap:4px}.pg-editor .tiles canvas{width:30px;height:30px;image-rendering:pixelated;border:2px solid transparent;cursor:pointer;background:#0006}.pg-editor .tiles .sel{border-color:#ffd23f}.pg-editor .lrow{display:flex;gap:4px;align-items:center;margin:2px 0}.pg-editor .lrow .pick{text-align:left}.pg-editor .lrow .pick.on{background:#5b78d8}.pg-editor .lrow .del{width:30px;flex:0 0 30px;min-height:30px;background:#5a3340}.pg-editor .lrow .del:hover{background:#8a3a4a}.pg-editor .objbtn{text-align:left}.pg-editor .swatch{display:flex;gap:6px;align-items:center;margin:3px 0}.pg-editor .swatch input[type=color]{width:34px;height:26px;padding:0;border:0;background:none}.pg-editor .swatch label{flex:1;cursor:pointer}.pg-editor .swatch .del{width:30px;flex:0 0 30px;background:#5a3340}.pg-editor #flagbox label{display:inline-flex;align-items:center;gap:3px;margin:0 8px 4px 0}.pg-editor .flag{display:inline-block;width:11px;height:11px}.pg-editor .flag.solid{color:#ff4d4d}.pg-editor .flag.coin{color:#ffd23f}.pg-editor .flag.goal{color:#45e08a}.pg-editor .flag.hazard{color:#ff5fff}.pg-editor details.help{margin:6px 0}.pg-editor details.help summary{cursor:pointer;color:#8fb0ff;font-size:11px}@media(max-width:540px){.pg-editor #top{gap:4px;padding:5px 7px}.pg-editor .opt{display:none}.pg-editor #canvas{width:100%}}body.pg-ed-lock{overflow:hidden}.pg-editor.pg-full{position:fixed;inset:0;height:100vh;margin:0;border:0;border-radius:0;box-shadow:none;z-index:2147483647}.pg-editor.pg-full #main{flex:1;flex-direction:row}.pg-editor.pg-full .opt{display:inline-block;width:auto}.pg-editor.pg-full #tools{flex:0 0 84px;flex-direction:column;flex-wrap:nowrap;border-bottom:0;border-right:1px solid #0006;padding:8px 6px}.pg-editor.pg-full #tools .tool{flex-direction:column;width:100%;padding:8px 2px;gap:2px}.pg-editor.pg-full #tools .tool span{font-size:18px}.pg-editor.pg-full #center{flex:1;min-height:0}.pg-editor.pg-full #canvas{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.pg-editor.pg-full #panel{flex:0 0 268px;height:auto;max-height:none;border-top:0;border-left:1px solid #0006}
