html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070b;color:#eadca8;font-family:Arial,sans-serif}
#app{position:fixed;inset:0}
.editor-body{display:grid;grid-template-columns:minmax(360px,1fr) 340px;grid-template-rows:100vh;overflow:hidden}
.editor-body #app{position:relative;inset:auto;width:100%;height:100vh;min-width:0;overflow:hidden;background:#07090d;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px}
.editor-body canvas{cursor:crosshair}
canvas{display:block;touch-action:none}
#editorPanel{position:relative;top:auto;right:auto;width:340px;height:100vh;background:#12100d;border-left:1px solid #6c5428;padding:10px;box-sizing:border-box;overflow:auto;z-index:10}
#editorPanel h2{font-size:18px;margin:4px 0 10px;color:#ffd77b}label{display:block;font-size:12px;margin:8px 0;color:#cdbb87}input,select,button{width:100%;box-sizing:border-box;background:#211a13;border:1px solid #6c5428;color:#f4e0a0;border-radius:6px;padding:7px}button{cursor:pointer;background:#3a2816}button:hover{background:#4b351d}.row{display:flex;gap:6px;margin:8px 0}.row>*{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hint{font-size:12px;color:#9c8d67;line-height:1.35}#selectedInfo{background:#1a1712;border:1px solid #42351f;border-radius:6px;padding:8px;font-size:12px;min-height:36px;color:#fff0b8}
.section{border:1px solid #42351f;border-radius:8px;padding:8px;margin:8px 0;background:#17130e}.section summary{cursor:pointer;color:#ffd77b;font-size:13px;margin:-2px 0 6px}
.inline-check{display:flex;align-items:center;gap:8px}.inline-check input{width:auto}