*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{color:#dfe6f0;background:#0e1117;font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.main{flex:1;position:relative;overflow:hidden}.top-bar[data-v-19b3139f]{background:#161b24;border-bottom:1px solid #262d3a;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.left[data-v-19b3139f]{align-items:center;gap:16px;display:flex}.right[data-v-19b3139f]{align-items:center;gap:14px;display:flex}.logo[data-v-19b3139f]{font-size:15px;font-weight:600}.btn[data-v-19b3139f]{color:#6cb0ff;cursor:pointer;background:#2f81f71f;border:1px solid #2f81f7;border-radius:6px;padding:5px 14px;font-size:13px}.btn[data-v-19b3139f]:hover{background:#2f81f738}.ctrl[data-v-19b3139f]{color:#aeb7c6;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.ctrl input[type=range][data-v-19b3139f]{accent-color:#2f81f7;width:100px}.ctrl input[type=checkbox][data-v-19b3139f]{accent-color:#2f81f7}.ctrl select[data-v-19b3139f]{color:#dfe6f0;background:#1c2330;border:1px solid #2f3a4d;border-radius:4px;padding:3px 6px;font-size:13px}.ctrl select[data-v-19b3139f]:disabled{opacity:.45;cursor:not-allowed}.val[data-v-19b3139f]{color:#8a94a6;min-width:34px;font-size:12px}.viewport[data-v-7305ac9f]{width:100%;height:100%}.viewport[data-v-7305ac9f] canvas{display:block}.drop-zone[data-v-cc68174d]{z-index:10;background:#0e1117a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card[data-v-cc68174d]{background:#161b24;border:1px dashed #3a4554;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:40px 56px;display:flex}.icon[data-v-cc68174d]{font-size:42px}.title[data-v-cc68174d]{font-size:15px}.sub[data-v-cc68174d]{color:#8a94a6;font-size:12px}.btn[data-v-cc68174d]{color:#6cb0ff;cursor:pointer;background:#2f81f71f;border:1px solid #2f81f7;border-radius:6px;padding:8px 22px;font-size:13px}.btn[data-v-cc68174d]:hover{background:#2f81f738}.demo[data-v-cc68174d]{color:#3ec6b8;margin-top:6px;font-size:12px}.stats-bar[data-v-0b185691]{color:#8a94a6;white-space:nowrap;background:#161b24;border-top:1px solid #262d3a;align-items:center;gap:24px;height:32px;padding:0 16px;font-size:12px;display:flex;overflow:hidden}.loading-overlay[data-v-a722941c]{z-index:20;background:#0a0d13b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.box[data-v-a722941c]{text-align:center;background:#1a2029;border:1px solid #2b3442;border-radius:10px;width:320px;padding:24px}.label[data-v-a722941c]{margin-bottom:14px;font-size:14px}.bar[data-v-a722941c]{background:#262d3a;border-radius:4px;height:8px;overflow:hidden}.fill[data-v-a722941c]{background:linear-gradient(90deg,#2f81f7,#3ec6b8);border-radius:4px;height:100%;transition:width .15s}.pct[data-v-a722941c]{color:#8a94a6;margin-top:10px;font-size:12px}.error-bar[data-v-113ded62]{z-index:30;color:#ff9aa2;background:#5c1f24;border:1px solid #a0333c;border-radius:6px;padding:8px 18px;font-size:13px;position:fixed;top:64px;left:50%;transform:translate(-50%)}