html,body,#root{height:100%;margin:0}.app{color:#222;outline:none;flex-direction:column;height:100%;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;display:flex}.bar{background:#f2f4f7;border-bottom:1px solid #d8dde4;align-items:center;gap:12px;padding:6px 12px;display:flex}footer.bar{color:#556;border-top:1px solid #d8dde4;border-bottom:none;font-family:ui-monospace,monospace}.bar label{align-items:center;gap:4px;display:flex}.bar input[type=number]{width:4em}.sep{background:#c8cfd8;flex:0 0 1px;height:18px}.hint{color:#889;margin-left:auto}.ki-canvas{background-color:#fbfcfe}.obj-label{color:#345;pointer-events:none;flex-direction:column;padding:2px 4px;font-size:10px;line-height:1.3;display:flex}.plan-wrap{flex:1;min-height:0;display:flex;position:relative}.plan-wrap>.ki-canvas{flex:1;margin-top:20px;margin-left:22px}.ki-ruler{pointer-events:none;z-index:30;color:#7a8794;font:9px/1 ui-monospace,monospace;position:absolute;overflow:hidden}.ki-ruler-x{background:linear-gradient(#f8f9fb,#eef1f5);border-bottom:1px solid #d8dde4;height:20px;top:0;left:22px;right:0}.ki-ruler-y{background:linear-gradient(90deg,#f8f9fb,#eef1f5);border-right:1px solid #d8dde4;width:22px;top:20px;bottom:0;left:0}.ki-ruler-corner{z-index:31;pointer-events:none;background:#eef1f5;border-bottom:1px solid #d8dde4;border-right:1px solid #d8dde4;width:22px;height:20px;position:absolute;top:0;left:0}.ki-ruler .tick{background:#a5b0bc;position:absolute}.ki-ruler-x .tick{width:1px;height:6px;bottom:0}.ki-ruler-x .tick.major{background:#5f6b78;height:11px}.ki-ruler-x .tick-label{white-space:nowrap;padding-left:3px;position:absolute;top:3px}.ki-ruler-y .tick{width:6px;height:1px;right:0}.ki-ruler-y .tick.major{background:#5f6b78;width:11px}.ki-ruler-y .tick-label{white-space:nowrap;position:absolute;right:14px;transform:translateY(-50%)rotate(-90deg)}