:root{font-family:'Segoe UI',Arial,sans-serif;background:#fff;color:#25374d}*{box-sizing:border-box}body{margin:0;overflow:hidden}.viewport{position:relative;width:100%;aspect-ratio:1280/824;background:#f5f7fa;overflow:hidden}.canvas{position:absolute;width:1280px;height:824px;transform-origin:0 0;overflow:hidden}.camera{position:absolute;inset:0;transform-origin:640px 412px;transition:transform .8s cubic-bezier(.22,.68,.2,1),transform-origin .8s;will-change:transform;background:#f5f7fa}.window-bar{height:24px;display:flex;align-items:center;gap:9px;background:#1b242e;color:#dce3eb;padding:0 12px;font-size:12px}.window-logo{font-weight:700;color:#edb18b}.window-actions{margin-left:auto;letter-spacing:17px;color:#b8c1cb}iframe{display:block;width:1280px;height:800px;border:0;background:#f5f7fa;pointer-events:none}.cursor{position:absolute;left:0;top:24px;width:24px;height:30px;z-index:5;pointer-events:none;opacity:0;transition:opacity .15s,transform .35s cubic-bezier(.22,.68,.2,1);filter:drop-shadow(0 2px 2px #18233033)}.cursor svg{width:100%;height:100%}.cursor i{position:absolute;left:-11px;top:-11px;width:30px;height:30px;border:2px solid #d9a079;border-radius:50%;opacity:0}.cursor.click i{animation:click-ring .6s ease-out}@keyframes click-ring{0%{opacity:.8;transform:scale(.5)}100%{opacity:0;transform:scale(1.5)}}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#f7f8fa;font-size:14px;color:#7a8b9e}.loading[hidden]{display:none}.export-preview{position:absolute;inset:26px;background:#fff;border:1px solid #d8e1eb;border-radius:9px;box-shadow:0 18px 60px #17253835;z-index:8;overflow:hidden;animation:preview-in .45s ease-out}.export-preview[hidden]{display:none}.export-preview header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e1e7ee;background:#f8fafc;color:#6c7e91;font-size:13px}.export-preview strong{font-weight:500;font-size:12px}.export-preview img{display:block;width:100%;height:calc(100% - 52px);object-fit:contain;padding:15px;background:white}@keyframes preview-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.direct-controls{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px;font-size:13px}.direct-controls button{border:1px solid #d6dfe9;background:#fff;border-radius:5px;color:#31465f;padding:7px 12px;font:inherit;cursor:pointer}.direct-controls input{width:180px;accent-color:#a87450}.direct-controls span{white-space:nowrap}.managed .viewport{height:100vh;aspect-ratio:auto}.managed .direct-controls{display:none}@media(prefers-reduced-motion:reduce){.camera,.cursor{transition:none}.cursor.click i,.export-preview{animation:none}}