*{box-sizing:border-box}body{color:#1c1c1e;background:#f5f5f7;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{cursor:pointer}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;background:#fff;border-bottom:1px solid #ddd;align-items: center;gap:16px;padding:10px 16px}.topbar .summary{display:flex;color:#555;gap:16px;font-size:13px}.body{display:flex;flex:1;min-height:0}.sidebar{overflow-y:auto;background:#fff;border-right:1px solid #ddd;width:150px;padding:8px}.main{display:flex;flex-direction:column;flex:1;min-width:0}.tabs{display:flex;background:#fff;border-bottom:1px solid #ddd;gap:4px;padding:8px 12px 0}.tabs button{background:#eee;border:1px solid #ddd;border-bottom:none;border-radius:6px 6px 0 0;padding:6px 14px;font-size:13px}.tabs button.active{background:#fff;font-weight:600}.tab-content{overflow:auto;flex:1;padding:16px}.dropzone{color:#666;background:#fafafa;border:2px dashed #bbb;border-radius:8px;padding:6px 18px;font-size:13px}.dropzone.over{color:#007aff;border-color:#007aff}.toast{position:fixed;color:#fff;z-index:100;background:#c0392b;border-radius:8px;padding:10px 18px;font-size:13px;bottom:16px;left:50%;transform:translate(-50%)}.thumb{display:block;background:0 0;border:2px solid #0000;border-radius:4px;width:100%;margin-bottom:8px;padding:2px}.thumb.selected{border-color:#007aff}.thumb canvas{display:block;width:100%}.thumb .num{text-align:center;color:#666;font-size:11px}.pageview{display:flex;align-items: flex-start;gap:16px}.canvas-wrap{position:relative;box-shadow:0 1px 4px #0003}.canvas-wrap canvas{display:block}.textbox{position:absolute;cursor:pointer}.textbox.outlined{outline:1px solid #007aff73;background:#007aff0f}.textbox:hover,.textbox.selected{outline:2px solid #ff9500;background:#ff950026}.inspector{position:sticky;background:#fff;border:1px solid #ddd;border-radius:8px;width:260px;padding:12px;font-size:13px;top:0}.inspector dt{color:#888;text-transform:uppercase;margin-top:8px;font-size:11px}.inspector dd{word-break:break-all;margin:2px 0 0}.kv-table{border-collapse:collapse;font-size:13px}.kv-table td,.kv-table th{text-align:left;vertical-align:top;border:1px solid #ddd;padding:6px 10px}.kv-table th{background:#f0f0f0}pre.raw{overflow:auto;white-space:pre-wrap;background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px;font-size:12px}.badge{display:inline-block;color:#5b4a00;background:#fc0;border-radius:10px;padding:2px 10px;font-size:12px}.tree{font-family:ui-monospace,monospace;font-size:12.5px}.tree details{margin-left:16px}.tree summary{cursor:pointer}.tree .leaf{margin-left:16px}.tree .key{color:#7d3c98}.tree .val{color:#1a5276}