:root{--bg: #f1ede3;--surface: #fbf9f4;--surface-raised: #ffffff;--card: #ffffff;--card-inset: #f6f3ec;--text: #211f1a;--muted: #7a7264;--accent: #c2791e;--hot: #f2510e;--border: #e4dccd;--card-border: #e0d8c8;--arrow: #a89e8c;--grid: rgba(40, 30, 10, .05);--plate-shadow: 0 6px 18px rgba(40, 30, 10, .12);--plate-shadow-hover: 0 10px 26px rgba(40, 30, 10, .2);--ev-click: #c2791e;--ev-scroll: #2e8e90;--ev-typing: #9a7b2e;--ev-loading: #8a8278;--ev-navigate: #4f7bd0;--ev-view: #7a7264;--lane-1: #2e8e90;--lane-2: #c2791e;--lane-3: #4f7bd0;--lane-4: #9f5f48;--lane-5: #5e7a4f;--conf-ok: #5b8a4e;--ok: #5b8a4e;--warn: #c2791e;--err: #c0432a;--font-display: "Instrument Serif", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--r-sm: 3px;--r-md: 6px;--r-lg: 10px}body.dark{--bg: #141615;--surface: #1c1f1c;--surface-raised: #2a2e2a;--card: #f4f1e8;--card-inset: #e7e0d2;--text: #f2eee3;--muted: #9b9f96;--accent: #d98f2b;--hot: #ff5a1f;--border: #34392f;--card-border: #d8d1c2;--arrow: #b9b3a7;--grid: rgba(244, 241, 232, .05);--plate-shadow: -6px 8px 22px rgba(0, 0, 0, .4);--plate-shadow-hover: -8px 10px 28px rgba(0, 0, 0, .55);--ev-scroll: #4fa3a5;--ev-navigate: #7aa7ff;--lane-1: #4fa3a5;--lane-3: #7aa7ff}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;font-family:var(--font-ui);color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:276px 1fr;height:100vh;transition:grid-template-columns .18s ease}.app.collapsed{grid-template-columns:0 1fr}.app.collapsed .sidebar{display:none}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:20px 18px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.side-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.wordmark{font-family:var(--font-display);font-size:26px;line-height:1.04;margin:0}.wordmark em{font-style:italic;color:var(--accent)}.collapse,.expand{font-family:var(--font-mono);font-size:14px;line-height:1;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:var(--r-md);width:26px;height:26px;cursor:pointer;flex:0 0 auto}.collapse:hover,.expand:hover{color:var(--text);background:var(--bg)}.expand{position:fixed;top:18px;left:14px;z-index:50;background:var(--surface);box-shadow:var(--plate-shadow)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:20px 14px;border:1.5px dashed var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color .16s,background .16s}.dropzone:hover{border-color:var(--accent);background:var(--surface-raised)}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dz-icon{font-size:18px;color:var(--accent)}.dz-text{font-size:13px;font-weight:600}.dz-sub{font-size:11px;color:var(--muted)}.dropzone.is-uploading{border-style:solid;border-color:var(--accent);background:var(--surface-raised);cursor:progress}.dz-bar{position:relative;margin-top:6px;width:100%;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.dz-bar-fill{display:block;height:100%;background:var(--accent);transition:width .2s ease-out}.opt{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text);cursor:pointer;padding:0 2px;line-height:1.35;-webkit-user-select:none;user-select:none;font-family:var(--font-ui)}.opt input[type=checkbox]{margin-top:2px;accent-color:var(--accent);cursor:pointer}.opt input[disabled]{cursor:not-allowed}.opt.disabled{color:var(--muted);cursor:not-allowed}.opt-hint{color:var(--muted)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:9999;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;padding:10px 14px;border-radius:var(--r-md);font-size:13px;line-height:1.4;box-shadow:0 6px 20px #00000026;border:1px solid var(--border);cursor:pointer;word-break:break-word;font-family:var(--font-ui)}.toast-info{background:var(--surface-raised);color:var(--text)}.toast-error{background:#fdecea;color:#7c1e16;border-color:#f3b8b1}body.dark .toast-info{background:#2a2a2a;color:#ececec;border-color:#3a3a3a}body.dark .toast-error{background:#5a1a14;color:#ffd7d2;border-color:#8a2a1f}.errbnd{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);z-index:10000;font-family:var(--font-ui)}.errbnd-card{max-width:540px;padding:28px 30px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 10px 40px #0000001f}.errbnd-title{font-family:var(--font-display);font-size:22px;color:var(--text);margin-bottom:12px}.errbnd-msg{font-family:var(--font-mono);font-size:12px;color:#7c1e16;background:#fdecea;padding:10px 12px;border-radius:var(--r-md);word-break:break-word}body.dark .errbnd-msg{background:#5a1a14;color:#ffd7d2}.errbnd-hint{font-size:13px;color:var(--muted);margin:14px 0 18px;line-height:1.5}.errbnd-actions{display:flex;gap:8px}.field{width:100%;font-family:var(--font-ui);font-size:13px;background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--r-md);padding:8px 10px;resize:vertical}.field:focus{outline:none;border-color:var(--accent)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px}.lib{list-style:none;padding:0 4px 0 0;margin:0;display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto}.lib-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:8px 9px;border-radius:var(--r-md);color:var(--text)}.lib-item:hover{background:var(--bg)}.lib-item.active{background:var(--card-inset);box-shadow:inset 2px 0 0 var(--accent)}.dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:var(--muted)}.dot.ready{background:var(--ok)}.dot.processing{background:var(--accent);animation:pulse 1.2s infinite}.dot.failed{background:var(--err)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.lib-text{min-width:0}.lib-name{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-meta{display:block;font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:1px}.themebtn{margin-top:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:var(--r-md);padding:7px 10px;cursor:pointer}.themebtn:hover{color:var(--text)}.main{grid-column:2;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app.collapsed .statusbar,.app.collapsed .placeholder.pad{padding-left:52px}.statusbar{display:flex;align-items:baseline;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--surface)}.statusbar .name{font-family:var(--font-display);font-size:21px}.statusbar .state{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.actions{margin-left:auto;display:flex;gap:8px}.placeholder{color:var(--muted);font-size:14px}.placeholder.pad{padding:28px}.placeholder.small{font-size:12px;padding:6px 9px}.fail{color:var(--hot);white-space:pre-wrap;font-family:var(--font-mono);font-size:12px;padding:16px 22px}.viewport{position:relative;flex:1;overflow:hidden;cursor:grab;touch-action:none}.viewport:active{cursor:grabbing}.canvas{position:absolute;top:0;left:0;transform-origin:0 0;padding:28px;will-change:transform}.zoombar{position:absolute;right:16px;bottom:16px;display:flex;gap:1px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--plate-shadow)}.zoombar button{font-family:var(--font-mono);font-size:12px;color:var(--text);background:var(--surface);border:none;padding:6px 11px;cursor:pointer;min-width:30px}.zoombar button:hover{background:var(--bg)}.lane{display:flex;gap:16px;align-items:flex-start;margin-bottom:30px}.lane-head{flex:0 0 144px;padding-left:12px;border-left:3px solid var(--lane-color, var(--accent));padding-top:24px}.lane-title{font-family:var(--font-display);font-size:20px;line-height:1.12}.lane-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:4px}.lane-body{min-width:0}.subflow{color:var(--lane-color, var(--accent));font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;margin:0 0 4px 2px}.subflow:before{content:"└─ ";opacity:.6}.strip,.strip-row{display:flex;align-items:flex-start;gap:8px}.arrow{color:var(--arrow);font-size:16px;padding-top:64px;-webkit-user-select:none;user-select:none}.frame{width:220px;flex:0 0 auto}.frame .ev{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-align:center;height:14px;margin-bottom:5px}.plate{width:100%;display:block;background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-sm);box-shadow:var(--plate-shadow);cursor:zoom-in;transition:box-shadow .16s ease-out,transform .16s ease-out}.frame:hover .plate{box-shadow:var(--plate-shadow-hover);transform:translateY(-1px)}.frame.low .plate{border-style:dashed}.plate.crop{width:100%;max-height:200px;overflow:hidden;cursor:zoom-in;background-color:var(--card-inset)}.plate.placeholder{background:var(--card-inset);cursor:default;box-shadow:none}.ph{width:100%;aspect-ratio:16/10;border-radius:var(--r-sm);background:repeating-linear-gradient(135deg,var(--card-inset),var(--card-inset) 8px,#ece6da 8px,#ece6da 16px);border:1px solid var(--card-border)}.cap{display:flex;align-items:center;gap:8px;margin:6px 0 2px}.ts{font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--card-inset);border-radius:var(--r-sm);padding:0 5px}.conf{font-family:var(--font-mono);font-size:10px;color:var(--conf-ok);margin-left:auto}.conf-low{font-family:var(--font-mono);font-style:italic;font-size:10px;color:var(--accent);margin-left:auto}.del{margin-left:auto;border:none;background:none;color:var(--muted);cursor:pointer;font-size:12px}.del:hover{color:var(--hot)}.ann,.desc{width:100%;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font-family:var(--font-ui);padding:2px 3px;color:var(--text)}.ann{font-size:12px;font-weight:600}.desc{font-size:11px;color:var(--muted);resize:vertical;line-height:1.4}.frame.low .ann{font-style:italic;font-weight:500}.ann:focus,.desc:focus{outline:none;border-color:var(--border);background:var(--surface-raised)}.callout{position:absolute;border:2px solid var(--hot);border-radius:var(--r-sm);cursor:move}.callout-handle{position:absolute;right:-5px;bottom:-5px;width:11px;height:11px;background:var(--hot);cursor:nwse-resize}.lb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100ae0;display:flex;align-items:center;justify-content:center;gap:8px;z-index:1000;cursor:zoom-out;animation:lb-in .16s ease-out}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lb-content{cursor:default;display:flex;flex-direction:column;gap:10px;max-width:88vw}.lb-imgwrap{position:relative;display:inline-block}.lb-imgwrap img{max-width:88vw;max-height:82vh;display:block;border-radius:var(--r-sm);box-shadow:0 20px 60px #00000080}.lb-bar{display:flex;align-items:center;gap:12px;color:#f2eee3;background:#0000008c;padding:8px 12px;border-radius:8px}.lb-lane{flex:0 0 auto;font-family:var(--font-display);font-size:17px;color:#fff;padding-right:12px;border-right:1px solid rgba(255,255,255,.2)}.lb-meta{font-family:var(--font-mono);font-size:12px;color:#c8c2b4;flex:0 0 auto}.lb-ann{font-family:var(--font-ui);font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-btn{flex:0 0 auto;font-family:var(--font-ui);font-weight:600;font-size:13px;border-radius:var(--r-md);padding:6px 12px;cursor:pointer;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.35)}.lb-btn:hover{background:#ffffff4d}.lb-close{flex:0 0 auto;border:none;background:#ffffff1f;color:#fff;border-radius:var(--r-md);padding:6px 11px;cursor:pointer;font-family:var(--font-mono);font-size:12px}.lb-nav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:24px;cursor:pointer;z-index:1001}.lb-nav:hover{background:#ffffff38}.lb-nav:disabled{opacity:.25;cursor:default}.btn{font-family:var(--font-ui);font-weight:600;font-size:13px;border-radius:var(--r-md);padding:7px 14px;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--bg)}