*{box-sizing:border-box}body{margin:0;background:#f4f6f2;color:#2c4136;font:14px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif}a{color:#456b47;text-decoration:none}header{height:72px;background:white;border-bottom:1px solid #e0e7dc;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{font-size:23px}.brand b{font-size:17px;margin-left:5px}.brand span{font-size:13px;font-weight:400;margin-left:18px;color:#72876b}main{max-width:1680px;margin:auto;padding:28px 32px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#829878;font-weight:700;margin:0}h1{font-size:28px;letter-spacing:-.6px;margin:5px 0}h2{font-size:17px;font-weight:550;margin:6px 0 14px}.intro p:not(.eyebrow){color:#809275;margin:8px 0 20px}button,input,select{font:inherit;outline-offset:3px}button,.file-button{padding:8px 12px;border:1px solid #d5dfcf;background:white;color:#45623b;border-radius:8px;cursor:pointer;font-size:12px}button:hover,.file-button:hover{background:#edf4e6}button:disabled{opacity:.4;cursor:default}.primary,.active{background:#315e44;color:white;border-color:#315e44}.primary:hover,.active:hover{background:#284e39}.toolbar{display:flex;align-items:center;gap:9px;padding:14px;background:white;border:1px solid #dce6d5;border-radius:12px}.file-button{display:inline-block;margin:0}.file-button input{position:absolute;width:1px;height:1px;opacity:0}#project-name{margin-left:auto;color:#8b9b82;font-size:12px}.status{padding:8px 2px;color:#537246;margin:5px 0 9px;min-height:32px}.workspace{display:grid;grid-template-columns:230px minmax(340px,1fr) 285px;gap:16px;align-items:start}.panel,.stage-panel{background:white;border:1px solid #dce6d5;border-radius:13px;padding:18px;min-width:0}.stage-panel{padding:13px}.stage-bar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#77896e;margin-bottom:10px}.stage-bar label{margin:0;display:flex;align-items:center;gap:4px}#stage{position:relative;height:640px;background-color:#fafbf7;background-image:linear-gradient(45deg,#edf1e8 25%,transparent 25%),linear-gradient(-45deg,#edf1e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1e8 75%),linear-gradient(-45deg,transparent 75%,#edf1e8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;border-radius:8px;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%}#mesh-canvas{touch-action:none;cursor:crosshair}.hint{font-size:11px;color:#8b9c80;line-height:1.8;margin:9px 0 14px}#layers{display:grid;gap:5px;max-height:400px;overflow:auto;margin:16px 0}.layer{display:flex;gap:8px;align-items:center;padding:8px;background:#f5f7f1;border:1px solid transparent;border-radius:6px}.layer.selected{border-color:#92b17b;background:#edf5e4}.layer input{flex:none}.layer button{border:0;background:none;padding:0;min-width:0;overflow-wrap:anywhere;text-align:left;color:#4d6842;font-size:11px;flex:1}.row{display:flex;gap:6px;align-items:center}.row input{min-width:0}.row button{flex-shrink:0;font-size:11px;padding:7px}.panel label{display:block;font-size:11px;color:#819674;margin:12px 0 5px}select,input:not([type=checkbox],[type=range],[type=file]){width:100%;padding:8px;border:1px solid #d6e2cd;border-radius:7px;background:white;color:#48653c;font-size:12px}input[type=range]{width:100%;accent-color:#537848;margin:7px 0}input[type=checkbox]{accent-color:#537848}.panel>button{display:block;width:100%;margin:9px 0}output{float:right;color:#46683b}hr{border:0;border-top:1px solid #e4ebdd;margin:20px 0}.format-note{background:#f4f7ee;padding:12px;border-radius:8px;font-size:11px;color:#7d9270}.format-note p{margin:4px 0 0}@media(max-width:1080px){main{padding:22px 16px}.workspace{grid-template-columns:190px minmax(280px,1fr) 250px;gap:10px}.panel{padding:14px}#stage{height:580px}}@media(max-width:800px){header{padding:0 16px}.brand span{display:none}.intro h1{font-size:23px}.toolbar{flex-wrap:wrap}#project-name{width:100%;margin:0}.workspace{grid-template-columns:1fr 1fr}.stage-panel{grid-column:1/-1;grid-row:1}#stage{height:520px}.layers-panel,.params-panel{grid-row:2}}@media(max-width:480px){.intro{align-items:start}.intro>button{white-space:nowrap;padding:7px}.workspace{display:flex;flex-direction:column}.panel,.stage-panel{width:100%}#stage{height:460px}.toolbar{gap:6px}.toolbar button,.file-button{font-size:11px;padding:7px}main{padding:18px 12px}}

[hidden]{display:none!important}.edit-controls{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 0}.tool-buttons{display:flex;gap:5px}.edit-controls label{font-size:11px;color:#536c4d}.edit-controls select{width:auto;max-width:100%;margin-left:6px}.edit-controls .ratio{display:flex;align-items:center;gap:4px}.edit-scope{margin:0 0 8px;padding:6px 9px;background:#edf4e6;border-radius:6px;font-size:11px;color:#41603d}#point-controls{margin:0 0 8px}.motion-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 15px;border:1px solid #c9ddb8;border-radius:9px;background:#edf5e4;color:#4b6a40;font-size:12px}.motion-guide button{white-space:nowrap}.stage-panel>.hint{color:#647b56}.tool-buttons button{font-size:12px}#reset-edit{font-size:11px}@media(max-width:480px){.edit-controls{align-items:flex-start}.edit-controls label{width:100%}.edit-controls select{display:block;margin:3px 0;width:100%}.motion-guide{flex-direction:column;align-items:flex-start}}

.import-option{display:flex;gap:7px;align-items:center;margin:10px 0;color:#56704e;font-size:12px}.action-panel{background:white;border:1px solid #dce6d5;border-radius:12px;padding:14px;margin:12px 0}.action-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.action-heading h2{margin:0 auto 0 0}.action-heading a{font-size:11px}#action-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.action-card{border:1px solid #dce6d5;border-radius:8px;padding:11px}.action-card strong{display:block}.action-card small{display:block;color:#65795c;line-height:1.6;margin:6px 0}.action-card button{font-size:11px}.action-state{font-size:11px;color:#7c623a}.action-state.usable{color:#315e44}#material-role{font-size:11px}#parameter-info{background:#f4f7ee;padding:8px;border-radius:6px}@media(max-width:800px){#action-catalog{grid-template-columns:1fr 1fr}}@media(max-width:480px){.action-heading h2{width:100%}.import-option{align-items:flex-start}#action-catalog{grid-template-columns:1fr}}