:root{color:#e4e9e8;font-synthesis:none;letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111415;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:default}[hidden]{display:none!important}.app{grid-template-rows:58px minmax(0,1fr) 70px;height:100svh;display:grid}.toolbar{z-index:3;background:#1b2021;border-bottom:1px solid #303638;justify-content:space-between;align-items:center;gap:12px;padding:0 22px;display:flex}.identity{align-items:center;gap:10px;min-width:0;display:flex}.identity h1{white-space:nowrap;margin:0;font-size:15px;font-weight:600}.brand-mark{background:#a5ccbe;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:4px 4px 0 -2px #d4b789}.edition{color:#85918e;white-space:nowrap;margin-left:10px;font-size:10px}.tools{align-items:center;gap:4px;display:flex}button{color:#d5dfdc;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:12px;display:inline-flex}button:hover:not(:disabled){background:#323d3b}button.active{color:#d9fff1;background:#294940}button:focus-visible{outline-offset:2px;outline:2px solid #99d4bc}.icon{width:32px;min-width:32px;height:32px;padding:0}.separator{background:#414847;width:1px;height:18px;margin:0 7px}.stage{background:#111415;min-height:0;position:relative;overflow:hidden}.stage>canvas{z-index:2;touch-action:none;width:100%;height:100%;display:block;position:relative}.finger-cursor{z-index:4;pointer-events:none;border:1px solid #d8fff0;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px}.bottom-bar{font-variant-numeric:tabular-nums;z-index:3;background:#1b2021;border-top:1px solid #303638;justify-content:space-between;align-items:center;gap:16px;padding:0 22px;font-size:11px;display:flex}.state{align-items:center;gap:8px;min-width:150px;display:flex}.state>span:first-of-type{min-width:48px}.state i,.camera-preview i{background:#778b85;border-radius:50%;width:5px;height:5px;display:inline-block}.state i.engaged{background:#c6b57a}.particle-count{color:#83918d;margin-left:8px}.gallery{align-items:center;gap:8px;min-width:0;display:flex}.thumbnails{scrollbar-width:none;gap:8px;min-width:0;max-width:400px;padding:3px 2px;display:flex;overflow-x:auto}.thumbnail{aspect-ratio:3/4;opacity:.48;border:1px solid #52615b;border-radius:2px;width:30px;min-width:30px;height:40px;padding:0;overflow:hidden}.thumbnail.selected{opacity:1;outline-offset:2px;border-color:#d7e8df;outline:1px solid #b2cabb}.thumbnail img{object-fit:cover;width:100%;height:100%}.page-count{color:#a9b7b1;white-space:nowrap;margin-left:8px}.zoom{align-items:center;gap:5px;display:flex}.zoom output{text-align:center;color:#b6c4be;width:40px}.camera-preview{pointer-events:none;background:0 0;border:0;border-radius:0;width:auto;position:absolute;inset:0;overflow:visible}.camera-image{aspect-ratio:auto;height:100%;position:relative}.camera-image video{z-index:0;object-fit:contain;background:#080a0a;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-image canvas{z-index:3;background:#111;border:1px solid #4a5551;border-radius:6px;width:168px;height:126px;position:absolute;inset:auto 20px 20px auto;box-shadow:0 8px 24px #0008}.camera-preview>span{display:none}.camera-preview i{background:#96cbb4}.settings{z-index:4;background:#1b2320;border:1px solid #44504b;border-radius:6px;width:250px;padding:12px 15px;position:absolute;top:16px;right:20px;box-shadow:0 8px 30px #0005}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-heading strong{font-size:13px;font-weight:500}.settings label{color:#b9c9c0;grid-template-columns:1fr auto;align-items:center;gap:10px;margin:16px 0;font-size:12px;display:grid}.settings input{accent-color:#a8ccb5;grid-column:1/-1;width:100%;margin:0}.settings output{color:#7e9789;font-size:11px}select{color:#dce9e0;background:#27342d;border:1px solid #4b5a51;border-radius:4px;padding:5px;font-size:11px}.loading{background:#111415e6;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;inset:0}.spinner{border:1px solid #51645b;border-top-color:#d6eddf;border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#f1d6c8;background:#3c2927;border:1px solid #a67568;border-radius:5px;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:7px 12px;font-size:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=760px){.edition,.particle-count{display:none}.toolbar,.bottom-bar{padding:0 12px}.state{min-width:66px}.bottom-bar{gap:8px}.gallery{gap:2px}.thumbnails{gap:6px;max-width:170px}.page-count{display:none}.separator{margin:0 3px}.camera-preview{width:116px;bottom:12px;right:12px}}@media (width<=480px){.app{grid-template-rows:54px minmax(0,1fr) 65px}.toolbar{gap:6px;padding:0 9px}.identity{gap:7px}.identity h1{font-size:13px}.tools{gap:1px}.tools button{padding:0 7px}.tools button span{display:none}.tools .icon{width:30px;min-width:30px}.fullscreen{display:none}.bottom-bar{gap:3px;padding:0 7px}.state{gap:5px;min-width:50px;font-size:10px}.gallery>.icon{width:24px;min-width:24px}.thumbnails{gap:5px;max-width:132px}.thumbnail{width:24px;min-width:24px;height:32px}.zoom{gap:0}.zoom .icon{width:23px;min-width:23px}.zoom output{width:33px;font-size:10px}.settings{width:235px;right:10px}.brand-mark{width:8px;height:8px}}