:root{color-scheme:light;--ink:#354d3e;--muted:#7b846d;--green:#527658;--line:#dce2d2;--paper:#fcfbf5;font-family:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:#f1f2e9;color:var(--ink)}button,input{font:inherit}button{cursor:pointer;white-space:nowrap;border:0;transition:background .15s,transform .15s;color:inherit}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,#red:focus-visible{outline:3px solid #c69245;outline-offset:4px}.hidden{display:none!important}#app{max-width:1440px;margin:0 auto;padding:25px 52px 12px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:4px;color:#879378;margin:0 0 8px}h1{font-size:32px;font-weight:650;letter-spacing:2px;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.icon-button{background:transparent;border:1px solid #ccd5c2;border-radius:50%;font-size:19px;width:34px;height:34px}.light-button{padding:11px 18px;background:#f0f3e9;border:1px solid #d8e0cf;border-radius:9px;font-size:14px}.workspace{background:var(--paper);box-shadow:0 12px 36px #4f5f3f0d;overflow:hidden;border-radius:16px}.toolbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:13px 26px;gap:18px}.modes{display:flex;gap:3px;background:#edf0e6;border-radius:10px;padding:4px}.modes button{padding:10px 23px;background:transparent;border-radius:7px;font-weight:600;font-size:15px}.modes .selected{color:#fffaf0;background:#527658;box-shadow:0 2px 5px #3b4a2d19}.options{display:flex;align-items:center;gap:23px;color:#667259;font-size:14px}.options label{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.options input{accent-color:var(--green);width:16px;height:16px;margin:0}.text-button{background:transparent;padding:9px 0 9px 7px;font-size:14px}.scene-wrap{position:relative;aspect-ratio:16/9;isolation:isolate}.scene-background{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}#scene{display:block;width:100%;height:100%;user-select:none;-webkit-user-select:none;font-family:"KaiTi","STKaiti","Microsoft YaHei",sans-serif}#red{cursor:grab}#red.dragging{cursor:grabbing}.drag-halo{transition:opacity .2s}#red.dragging .drag-halo{opacity:.28}#red:focus{outline:none}#red:focus-visible .drag-halo{stroke:#9a5e26;stroke-width:3}.bottom-panel{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;gap:24px;min-height:104px}.status-area{display:flex;gap:13px;align-items:flex-start}.status-dot{width:8px;height:8px;background:#b5bf82;border-radius:50%;margin-top:8px;flex-shrink:0}#status{font-size:18px;font-weight:600}#description{font-size:14px;color:#7c836f;margin:7px 0 0;line-height:1.6}#freeControls,#demoControls{display:flex;gap:10px}.primary-button{background:var(--green);color:#fffdf2;padding:12px 21px;border-radius:9px;font-size:14px}#stepStrip{display:flex;justify-content:center;align-items:center;gap:20px;border-top:1px solid #e6e9df;padding:15px 20px;font-size:14px;color:#9b9f90}#stepStrip span{padding:5px 10px;border-radius:5px}#stepStrip .active{color:#fff;background:var(--green)}#stepStrip .done{color:var(--green)}#stepStrip i{font-style:normal}footer{display:flex;justify-content:space-between;margin-top:17px;font-size:12px;color:#8a9380}dialog{width:min(520px,90vw);border:0;border-radius:18px;padding:36px;color:var(--ink);background:#fffef7;box-shadow:0 20px 70px #1f332d30}dialog::backdrop{background:#27382d65;backdrop-filter:blur(3px)}dialog h2{margin:10px 0 24px;font-size:26px}dialog p{font-size:15px;line-height:1.9}.close{position:absolute;right:18px;top:12px;background:transparent;font-size:28px;color:#7f8974}.help-note{color:#879079;font-size:13px!important}dialog .primary-button{margin-top:12px}#app:fullscreen{max-width:none;width:100%;height:100%;background:#f1f2e9;padding:16px 32px;overflow:auto}#app:fullscreen .topbar{margin-bottom:12px}#app:fullscreen .workspace{max-width:calc((100vh - 235px)*16/9);margin:auto}#app:fullscreen footer{display:none}#app:fullscreen h1{font-size:26px}#app:fullscreen .toolbar{min-height:56px;padding-top:7px;padding-bottom:7px}#app:fullscreen .bottom-panel{padding-top:14px;padding-bottom:14px;min-height:82px}@media(min-width:1100px) and (max-height:850px){#app{max-width:1200px;padding-top:16px}.topbar{margin-bottom:15px}h1{font-size:28px}.toolbar{min-height:60px;padding:9px 22px}.bottom-panel{padding:18px 26px;min-height:92px}}@media(max-width:900px){#app{padding:20px}.toolbar{padding:12px 16px}.options{gap:13px}.modes button{padding:10px 15px}.bottom-panel{padding:20px;gap:15px}#stepStrip{gap:8px;font-size:12px}#stepStrip span{padding:5px}}@media(max-width:660px){#app{padding:15px 10px}.topbar{padding:0 5px;margin-bottom:16px}h1{font-size:23px;letter-spacing:0}.eyebrow{font-size:10px}.header-actions{gap:8px}.header-actions .light-button{padding:8px 10px;font-size:12px}.header-actions .icon-button{width:28px;height:28px;font-size:15px}.toolbar{flex-wrap:wrap;gap:12px;justify-content:center;padding:12px}.options{width:100%;justify-content:space-evenly;font-size:12px}.text-button{font-size:12px}.modes button{font-size:14px;padding:9px 25px}.scene-wrap{aspect-ratio:16/10}#scene{overflow:visible}.scene-background{object-fit:cover}.bottom-panel{flex-wrap:wrap;padding:16px;min-height:140px}.status-area{width:100%}#status{font-size:16px}#description{font-size:12px}#freeControls,#demoControls{margin-left:21px}.light-button,.primary-button{padding:10px 13px;font-size:12px}footer{font-size:10px;padding:0 5px}footer span:last-child{display:none}#stepStrip{gap:3px;flex-wrap:wrap;padding:12px 5px}#app:fullscreen{padding:10px}#app:fullscreen .workspace{max-width:none}.workspace{border-radius:12px}}
@media(min-width:900px) and (max-height:900px){#app:not(:fullscreen){max-width:min(1440px,calc((100dvh - 290px)*16/9 + 104px))}.toolbar{flex-wrap:wrap}.options{gap:16px}}
#scene{touch-action:none}
.scene-wrap{height:0;padding-top:56.25%;aspect-ratio:auto}.scene-background,#scene{position:absolute;left:0;top:0}.red-handle{position:absolute;z-index:3;margin:0;padding:0;transform:translate(-50%,-50%);background:transparent;border:0;border-radius:50%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.red-handle:active:not(:disabled){transform:translate(-50%,-50%)}.red-handle.dragging{cursor:grabbing}.red-handle:focus-visible{outline:3px dashed #b0793d;outline-offset:0}.script-status{padding:12px 24px;color:#885b20;background:#fff0ce;font-size:14px;line-height:1.7}dialog:not([open]){display:none}