:root{color-scheme:light;font-family:DM Sans,system-ui,sans-serif;color:#26362f;background:#f6f5ef;--green: #254d3c;--line: #d7ddd3}*{box-sizing:border-box}body{margin:0}header,.tools,.section-head,.actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}header{background:#203c31;color:#fff;padding:14px 20px;justify-content:space-between}h1,h2,p{margin:0}h1{font-size:1.15rem;letter-spacing:-.02em}h2{font-size:1rem}button,select,.upload{font:inherit;font-size:.86rem;border:1px solid var(--line);border-radius:7px;padding:.5rem .72rem;background:#fff;color:#26362f;cursor:pointer}button:hover,.upload:hover{background:#eef3e9}button[aria-pressed=true]{background:var(--green);color:#fff}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c98632;outline-offset:2px}.upload{background:#e1ecc3;border-color:transparent}main{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,390px);height:calc(100dvh - 65px);min-height:550px}.workspace{min-width:0;display:flex;flex-direction:column}.tools{padding:12px 16px;border-bottom:1px solid var(--line)}.stage{position:relative;flex:1;min-height:240px}canvas{display:block;width:100%;height:100%;touch-action:none}.caption{padding:9px 16px;font-size:.8rem;background:#edf0e8}aside{overflow:auto;background:#fff;border-left:1px solid var(--line)}section{padding:16px;border-bottom:1px solid var(--line)}.section-head{justify-content:space-between;margin-bottom:10px}.note,small{color:#5a695d;font-size:.8rem;line-height:1.5}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{padding:8px 4px;border-bottom:1px solid #e4e8df;text-align:right}th:first-child,td:first-child{text-align:left}th{color:#536356;font-size:.75rem}tr.selected{background:#d9ead2}tbody tr{cursor:pointer}.piece-name{background:none;border:0;padding:0;text-align:left}.actions{margin:12px 0}ul{padding-left:1.15rem;font-size:.86rem;line-height:1.6}#detail,#cut{line-height:1.5;font-size:.87rem}#status{overflow-wrap:anywhere}@media(max-width:800px){main{display:block;height:auto}.stage{height:52dvh;flex:auto}aside{border-left:0}}
