:root{--bg: #f7f5f0;--panel: #ffffff;--border: #d9d5cc;--text: #23201b;--muted: #6b655a;--accent: #2f6f4f;--accent-fg: #ffffff;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:5px 10px}button:hover{border-color:var(--muted)}button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:4px 6px;width:100%}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar .sep{width:1px;align-self:stretch;background:var(--border);margin:0 2px}.toolbar .grow{flex:1}.toolbar .title-input{width:200px;font-weight:600}.kofi-link{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding:5px 10px;color:var(--text);text-decoration:none;white-space:nowrap}.kofi-link:hover{border-color:var(--accent);color:var(--accent)}.main{flex:1;display:flex;min-height:0}.canvas-wrap{flex:1;position:relative;overflow:hidden;background:var(--bg)}.canvas-wrap>svg{display:block;width:100%;height:100%}.sidebar{width:320px;border-left:1px solid var(--border);background:var(--panel);overflow-y:auto;padding:12px}.sidebar h3{margin:16px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sidebar h3:first-child{margin-top:0}.field{margin-bottom:8px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.row{display:flex;gap:6px;align-items:center}.line-list-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px;cursor:pointer}.line-list-item:hover{background:var(--bg)}.line-list-item.selected{background:#e9f2ec}.swatch{width:14px;height:14px;border-radius:3px;flex:0 0 auto;border:1px solid rgba(0,0,0,.2)}.stop-row{display:flex;align-items:center;gap:6px;padding:3px 0}.stop-row .stop-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini{padding:2px 6px;font-size:12px}.legend{position:absolute;left:12px;bottom:12px;background:#fffffff0;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;width:230px;max-height:45vh;overflow-y:auto}.legend .legend-row{display:flex;align-items:center;gap:6px;padding:1px 0;line-height:1.25}.legend .legend-row svg{display:block;flex:0 0 auto}.zoom-ctl{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:4px;z-index:2}.zoom-ctl button{width:30px;height:30px;padding:0;font-size:16px;line-height:1;background:#fffffff0}.zoom-ctl .zoom-pct{font-size:11px;color:var(--muted);background:#fffffff0;border:1px solid var(--border);border-radius:6px;padding:3px 6px;min-width:42px;text-align:center}.hint{position:absolute;left:50%;top:12px;transform:translate(-50%);background:var(--accent);color:var(--accent-fg);padding:5px 12px;border-radius:999px;font-size:12px;pointer-events:none}.muted{color:var(--muted)}.checks label{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:13px;cursor:pointer}.checks input{width:auto}.danger{color:#a11;border-color:#e3b7b7}