*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:hidden}body{font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;background:#211d1a;color:#e8e2da;font-size:13px}#app{display:flex;flex-direction:column}#header{padding:8px 14px;background:#2b2723;border-bottom:1px solid #453d35;font-weight:700;color:#f2b8c6;letter-spacing:.05em}#main{flex:1;display:flex;min-height:0}#panel{width:220px;flex-shrink:0;overflow-y:auto;background:#2b2723;border-right:1px solid #453d35;padding:10px}#viewport{flex:1;position:relative;min-width:0}#viewport canvas{display:block}#footer{padding:6px 14px;background:#2b2723;border-top:1px solid #453d35;color:#a89c8e;font-size:12px}.panel-section{margin-bottom:14px}.panel-section h2{font-size:11px;color:#a89c8e;margin-bottom:6px;font-weight:400;border-bottom:1px solid #453d35;padding-bottom:3px}button{font:inherit;color:inherit;background:#3a342e;border:1px solid #57493d;border-radius:5px;padding:6px 8px;cursor:pointer}button:hover:not(:disabled){background:#4a4239}button:disabled{opacity:.4;cursor:default}button.active{background:#8a5a3c;border-color:#d8a06a;color:#fff}button.danger{border-color:#8a4a4a;width:100%;margin:6px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tool-desc{margin-top:6px;min-height:2.6em;font-size:11px;line-height:1.3;color:#c9b89f}.slider-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.slider-row span{width:32px;flex-shrink:0}.slider-row input[type=range]{flex:1;accent-color:#d8a06a}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:6px}.swatch{aspect-ratio:1;border-radius:50%;border:2px solid #57493d;padding:0}.swatch.active{border-color:#ffb84d;box-shadow:0 0 0 2px #ffb84d66}.row{display:flex;gap:5px}.row>button{flex:1}.row input[type=color]{width:34px;height:30px;padding:0;border:1px solid #57493d;border-radius:5px;background:none;cursor:pointer}.action-list .row{margin-bottom:0}.fatal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.8;color:#d8a06a;padding:20px}