:root{--bg:#f4f3ef;--panel:#fff;--ink:#1f2320;--muted:#7a7f78;--line:#e3e2dc;--accent:#2f5d3a;--accent2:#b58a3c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;font:14px/1.4 -apple-system,Inter,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}.top{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:600;font-size:16px;display:flex;align-items:center;gap:10px}.mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;font-size:13px;letter-spacing:.5px}.muted{color:var(--muted);font-weight:400;font-size:13px}.tabs button{border:1px solid var(--line);background:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;margin-left:6px;font-weight:500}.tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}main{display:flex;height:calc(100% - 53px)}.side{width:300px;flex:none;overflow:auto;background:var(--panel);border-right:1px solid var(--line);padding:12px 14px}.side section{padding:10px 0;border-bottom:1px solid var(--line)}.side h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.side label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;font-size:13px}.side select,.side input[type=number]{flex:1;max-width:170px;padding:5px 6px;border:1px solid var(--line);border-radius:6px;background:#fff}.side input[type=color]{width:44px;height:28px;border:1px solid var(--line);border-radius:6px;padding:0;background:#fff}.side button{width:100%;margin-top:6px;padding:8px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font-weight:500}.side button.ghost{background:#fff;color:var(--accent)}label.file{display:block;padding:8px;border:1px dashed #bbb;border-radius:8px;text-align:center;cursor:pointer}label.file input{display:none}.hint{font-size:12px;color:var(--muted);margin:6px 0}.stage{flex:1;position:relative;min-width:0}.view{position:absolute;top:0;right:0;bottom:0;left:0}#view3d canvas{display:block}#photoCanvas{display:block;width:100%;height:100%;cursor:crosshair}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.bom{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:6px 8px;min-height:40px;background:#fafaf7}.bom div{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px dotted var(--line)}.bom div:last-child{border:0;font-weight:600}.pp{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.pp svg{width:64px;height:64px;border:1px solid var(--line);border-radius:6px;background:#fff}.pp .cell{font-size:10px;text-align:center;width:64px;color:var(--muted)}