@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
*{box-sizing:border-box}body{margin:0;background:#eee;color:#111;font-family:Pretendard,Arial,sans-serif}header{height:64px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}header div{display:flex;gap:10px;align-items:baseline}header b{letter-spacing:.12em}header span{font-size:11px;opacity:.6;letter-spacing:.2em}button,select,textarea,input{font:inherit}.ghost{background:none;color:#fff;border:1px solid #555;padding:8px 12px}main{max-width:1180px;margin:auto;padding:28px;display:grid;grid-template-columns:minmax(300px,650px) 360px;gap:28px}.stage-wrap{min-width:0}canvas{display:block;width:100%;aspect-ratio:4/5;background:#161616;box-shadow:0 8px 30px #0002;touch-action:none}.hint{font-size:12px;color:#777;margin-top:9px}.panel{background:#fff;padding:20px;align-self:start}.upload,.download{display:block;width:100%;background:#111;color:#fff;border:0;padding:15px;text-align:center;font-weight:800;letter-spacing:.08em;cursor:pointer}.upload input{display:none}.group{border-top:1px solid #ddd;margin-top:20px;padding-top:18px}.label{font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:12px}.group label{display:block;font-size:11px;font-weight:700;margin:12px 0}.group input[type=range]{width:100%;margin-top:7px}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.chips button,.group button,select{background:#f3f3f3;border:1px solid #ddd;padding:10px;font-size:11px;font-weight:800}.chips button.active{background:#111;color:#fff;border-color:#111}textarea{width:100%;resize:vertical;border:1px solid #ccc;padding:12px;font-weight:800}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row label{margin:0}.row select{width:100%;margin-top:8px}.download{margin-top:20px}@media(max-width:800px){main{display:block;padding:14px}.panel{margin-top:16px}header{padding:0 14px}}