*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#29372f;font-family:"Segoe UI","Microsoft YaHei",sans-serif}header{height:84px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e5dd}.brand{display:flex;gap:12px;align-items:center}.mark{width:38px;height:38px;background:#385a46;color:white;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:600}.brand strong{display:block;font-size:17px}.subtitle{display:block;font-size:11px;color:#8a938c;margin-top:4px;letter-spacing:1px}.tag{font-size:12px;background:#e7ede5;border-radius:20px;padding:8px 14px;color:#55745e}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;margin:24px;gap:24px;height:calc(100dvh - 132px);min-height:620px}.stage{position:relative;overflow:hidden;background:#eeede7;border:1px solid #e2e3db;border-radius:22px}.scene-caption{position:absolute;left:30px;top:28px;z-index:1;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8c9b87}h1{font-size:26px;font-weight:600;letter-spacing:1px;margin:12px 0}p{font-size:12px;line-height:1.8}.scene-caption p{color:#8b9489;margin:0}#viewport{width:100%;height:100%}canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:48% 10px auto;text-align:center;color:#71816d;font-size:13px;pointer-events:none}.scene-footer{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:#8b9589;font-size:11px}.scene-footer>span:first-child{display:flex;align-items:center;gap:7px}i{width:6px;height:6px;background:#6b916e;border-radius:50%}aside{padding:26px 22px;background:#fff;border:1px solid #e5e7df;border-radius:22px;overflow:auto}h2{font-size:22px;font-weight:600;margin:12px 0 8px}.muted{color:#8d968f}.model-card{display:flex;align-items:center;gap:10px;padding:16px 0;margin:14px 0;border-top:1px solid #edf0e9;border-bottom:1px solid #edf0e9}.avatar{width:38px;height:42px;border-radius:10px;background:#eef1e8;display:grid;place-items:center;color:#6b8165;font-size:13px}.model-card strong{font-size:13px;display:block}.model-card small{font-size:9px;display:block;color:#99a092;margin-top:6px}fieldset{border:0;margin:0;padding:0;min-width:0}label{font-size:12px;display:block;color:#5e6d60}select{width:100%;height:39px;border:1px solid #e3e8df;border-radius:9px;background:#fafbf8;color:#415744;margin:9px 0 22px;padding:0 10px;font:inherit;font-size:12px}.label-row{display:flex;justify-content:space-between;align-items:center}output{font-size:12px;color:#7c8e71}input[type=range]{width:100%;accent-color:#5a7855;margin:15px 0 22px}button{cursor:pointer;width:100%;border-radius:10px;height:41px;margin-bottom:9px;border:1px solid #dfe5d9;background:white;color:#4e664e;font:inherit;font-size:12px;transition:background .15s}button:hover{background:#edf2e8}.primary{color:white;background:#486a50;border-color:#486a50}.primary:hover{background:#36553d}.check{display:flex;align-items:center;gap:8px;margin:13px 0 26px;font-size:11px}input[type=checkbox]{accent-color:#547b52}.notes{border-top:1px solid #edf0e9;padding-top:20px}.notes strong{font-size:12px}.notes p{color:#949c91;font-size:11px;margin:12px 0}.notes b{font-size:10px;font-weight:500;color:#65875a;margin-right:7px}.source{display:block;font-size:10px;color:#8a9a82;text-decoration:none;margin-top:23px}@media(max-width:850px){header{padding:0 20px;height:70px}main{grid-template-columns:1fr;height:auto;min-height:0;margin:14px;gap:14px}.stage{height:65dvh;min-height:440px}aside{overflow:visible}.scene-caption{left:20px;top:20px}h1{font-size:23px}.scene-caption p{max-width:260px}.scene-footer{left:20px;right:20px;font-size:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}