*{box-sizing:border-box}body{margin:0;background:#181b18;color:#e6e9df;font:13px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}header{max-width:1320px;margin:auto;padding:22px 28px 18px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;color:#96a18b;letter-spacing:2px}h1{font-size:22px;letter-spacing:2px;font-weight:500;margin:6px 0 0}main{max-width:1320px;margin:auto;padding:0 28px 15px}.monitor{position:relative;aspect-ratio:16/9;max-height:calc(100vh - 295px);margin:auto;background:#0d100d;overflow:hidden;border:1px solid #41473b;border-radius:3px}#stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.guide{position:absolute;inset:14px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font-size:10px;letter-spacing:1.7px;color:white;text-shadow:0 1px 5px #000}.guide:after{content:'+';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.5}#loading{position:absolute;top:45%;width:100%;text-align:center}.lensbar{display:flex;justify-content:space-between;align-items:center;color:#8c9686;font-size:11px;padding:12px 0}.lensbar label{display:flex;gap:10px;align-items:center}.lensbar input{width:130px}input[type=range]{accent-color:#bccfa5;cursor:pointer}.deck{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.shot{display:flex;align-items:center;gap:12px;background:#242922;border:1px solid #384031;padding:12px;border-radius:7px}.thumb{aspect-ratio:16/9;width:45%;background:#151a13;display:flex;align-items:center;justify-content:center;color:#727e67;font-size:11px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.shot>div:last-child{display:flex;flex-direction:column;gap:6px}.step{font-size:10px;letter-spacing:1.5px;color:#a5b497}button,select,input[type=number]{font:inherit;color:inherit;border:1px solid #45503e;border-radius:4px;background:#30392b;padding:8px 11px}button{cursor:pointer}button:hover{background:#45543b}button:disabled{opacity:.35;cursor:default}button.text{background:none;border:0;text-align:left;padding:1px 0;color:#a6b995;font-size:11px}.primary{background:#bfd4a3;color:#202a17;border:0;width:100%;font-weight:600}.primary:hover{background:#d1e8b4}.motion{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.settings{display:flex;gap:14px;align-items:center;font-size:11px;color:#a8b39e}.settings input{width:48px;padding:4px}.settings select{padding:4px}.scrub{display:flex;align-items:center;gap:8px}.scrub input{flex:1;min-width:40px}.scrub output{font-size:10px;color:#95a386;white-space:nowrap}#status{color:#8e9d80;font-size:11px;margin:12px 0 0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e4f1ce;outline-offset:3px}@media(max-width:800px){header{padding:18px 16px}main{padding:0 16px 16px}.monitor{max-height:none}.deck{grid-template-columns:1fr 1fr}.motion{grid-column:1/-1}.lensbar{align-items:flex-start;gap:9px;flex-direction:column}.shot{padding:9px;gap:7px}.shot button{font-size:11px;padding:6px}.thumb{width:40%}.presets button{font-size:11px;padding:7px}.settings{justify-content:space-between}.scrub{margin-top:3px}}
@media(min-width:801px){.monitor{width:min(100%,calc((100vh - 295px)*16/9));max-height:none}}